react组合跟vue的solt有点类似记录一下
官方:
React 具有强大的组合模型,我们建议使用组合而不是继承来复用组件之间的代码。
父
import React, { Component } from 'react';
import Children from './Children';
class Father extends Component {
render() {
return (
<div>
<Children>
<em>1111111111111111</em>
</Children>
<p>我是父组件</p>
</div>
)
}
}
export default Father;
子
import React, { Component } from 'react';
class Children extends Component{
constructor(props){
super(props)
}
render(){
return (
<div>
{this.props.children}
<h1>我是子组件</h1>
</div>
)
}
}
export default Children;
欢迎关注小程序,感谢您的支持!