react组合跟vue的solt有点类似记录一下

作者: MJ 分类: react 发布时间: 2018-11-09 14:13

官方:

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;

 

欢迎关注小程序,感谢您的支持!

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注