React学习day22——render props、错误边界、组件通信方式总结

render props

向组件内部放入第三放组件并渲染数据：
Vue中：
使用slot技术，也就是通过组件标签体传入机构
React中：
使用children props：通过组件标签传入结构
index.js

import React, {
    Component} from 'react';
import './index.css'
export  default class Index extends Component {
    
    render() {
    
        return (
            <div className="parent">
             <h3>parent</h3>
                <A/>
            </div>
        );
    }
}
class A extends Component{
    
    render() {
    
        return (
            < div className="A">
                <h3>A</h3>
                {
    this.props.children<