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

mazhaobo · mazhaobo · commit d6dedda8e1d8 · 2025-02-05T15:34:18.000+08:00
- 移除 ReactDOM.render 的使用
- 使用 createRoot 和 root.render 进行渲染
- 更新了多个 demo 文件，包括 compose、dataSource、i18n、list 和 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`	```