createElement创建嵌套组件
时间: 2023-10-20 08:17:19 浏览: 139
在 React 中,可以使用 createElement 方法来创建嵌套组件。createElement 方法接受三个参数:元素类型、属性对象、子元素(可以是字符串、组件或者其他 React 元素)。
例如,创建一个嵌套组件的例子如下:
```
const ParentComponent = () => {
return React.createElement('div', null, [
React.createElement('h1', null, 'Parent Component'),
React.createElement(ChildComponent, { name: 'Child' })
]);
}
const ChildComponent = ({ name }) => {
return React.createElement('div', null, `Hello ${name}!`);
}
ReactDOM.render(
React.createElement(ParentComponent),
document.getElementById('root')
);
```
上述代码中,ParentComponent 组件包含一个 h1 元素和一个 ChildComponent 组件,ChildComponent 组件接受一个 name 属性,根据属性值输出 Hello 字符串。在 ReactDOM.render 方法中调用 createElement 方法创建 ParentComponent 组件,并将其渲染到页面中。