refactor(demo): 更新 demo 文件中的渲染方式

mazhaobo · mazhaobo · commit d6dedda8e1d8 · 2025-02-05T15:34:18.000+08:00
- &#31227;&#38500; ReactDOM.render &#30340;&#20351;&#29992;
- &#20351;&#29992; createRoot &#21644; root.render &#36827;&#34892;&#28210;&#26579;
- &#26356;&#26032;&#20102;&#22810;&#20010; demo &#25991;&#20214;&#65292;&#21253;&#25324; compose&#12289;dataSource&#12289;i18n&#12289;list &#21644; table
diff --git a/packages/react-renderer/demo/compose.md b/packages/react-renderer/demo/compose.md
@@ -31,5 +31,7 @@ class Demo extends PureComponent {
   }
 }
 
-ReactDOM.render(<Demo />, mountNode);
+const root = createRoot(document.getElementById('lce-container')!);
+
+root.render(<App />);
 ```
diff --git a/packages/react-renderer/demo/dataSource.md b/packages/react-renderer/demo/dataSource.md
@@ -31,5 +31,7 @@ class Demo extends PureComponent {
   }
 }
 
-ReactDOM.render(<Demo />, mountNode);
+const root = createRoot(document.getElementById('lce-container')!);
+
+root.render(<App />);
 ```
diff --git a/packages/react-renderer/demo/i18n.md b/packages/react-renderer/demo/i18n.md
@@ -36,5 +36,7 @@ class Demo extends PureComponent {
   }
 }
 
-ReactDOM.render(<Demo />, mountNode);
+const root = createRoot(document.getElementById('lce-container')!);
+
+root.render(<App />);
 ```
diff --git a/packages/react-renderer/demo/list.md b/packages/react-renderer/demo/list.md
@@ -31,5 +31,7 @@ class Demo extends PureComponent {
   }
 }
 
-ReactDOM.render(<Demo />, mountNode);
+const root = createRoot(document.getElementById('lce-container')!);
+
+root.render(<App />);
 ```
diff --git a/packages/react-renderer/demo/table.md b/packages/react-renderer/demo/table.md
@@ -31,5 +31,7 @@ class Demo extends PureComponent {
   }
 }
 
-ReactDOM.render(<Demo />, mountNode);
+const root = createRoot(document.getElementById('lce-container')!);
+
+root.render(<App />);
 ```

Original file line number	Diff line number	Diff line change
`@@ -31,5 +31,7 @@ class Demo extends PureComponent {`
`31`	`31`	`}`
`32`	`32`	`}`
`33`	`33`
`34`		`-ReactDOM.render(<Demo />, mountNode);`
	`34`	`+const root = createRoot(document.getElementById('lce-container')!);`
	`35`	`+`
	`36`	`+root.render(<App />);`
`35`	`37`	```
Original file line number	Diff line number	Diff line change
`@@ -36,5 +36,7 @@ class Demo extends PureComponent {`
`36`	`36`	`}`
`37`	`37`	`}`
`38`	`38`
`39`		`-ReactDOM.render(<Demo />, mountNode);`
	`39`	`+const root = createRoot(document.getElementById('lce-container')!);`
	`40`	`+`
	`41`	`+root.render(<App />);`
`40`	`42`	```