react context

父组件

　　创建createContext

export const { Provider, Consumer } = createContext('默认名称');

　　Provider共享容器，接收属性

<Provider value={name}>
                <div>
                    父组件中的name:{name}
                    <Son></Son>
                    <Friend></Friend>
                </div>
            </Provider>

需要使用属性的组件

　　引入consumer容器

<Consumer>
                {(name) => <div>
                    朋友：{name}
                </div>}
            </Consumer>