38 lines
670 B
Markdown
38 lines
670 B
Markdown
|
---
|
|||
|
|
title: Create a Component with Composition
|
|||
|
|
localeTitle: 使用Composition创建一个Component
|
|||
|
|
---
|
|||
|
|
## 使用Composition创建一个Component
|
|||
|
|
|
|||
|
|
### 提示1
|
|||
|
|
|
|||
|
|
将要呈现的组件添加到要呈现它的组件中。
|
|||
|
|
|
|||
|
|
### 提示2
|
|||
|
|
|
|||
|
|
使用JSX自闭标记。
|
|||
|
|
|
|||
|
|
### 提示3
|
|||
|
|
|
|||
|
|
要呈现的组件是ChildComponenet，它将在ParentComponent中呈现
|
|||
|
|
|
|||
|
|
### 解
|
|||
|
|
|
|||
|
|
以下将根据需要呈现ParentComponent中的ChildComponent：
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
class ParentComponent extends React.Component {
|
|||
|
|
constructor(props) {
|
|||
|
|
super(props);
|
|||
|
|
}
|
|||
|
|
render() {
|
|||
|
|
return (
|
|||
|
|
<div>
|
|||
|
|
<h1>I am the parent</h1>
|
|||
|
|
<ChildComponent />
|
|||
|
|
</div>
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
```
|