React
html属性和DOM属性的区别
组件通信
父子组件:props
兄弟组件:(状态提升)A用父组件的方法,把值传给父组件,兄弟用父组件的值!
跨组件通信:
Context其实还有老版本context!
Context,类似vue中的provide,inject
一个树下的全局数据!
xxx:
let aaa = React.createContext('默认值')
exprot xxx
父组件:
import aaa from 'xxx'
<aaa.Provider value={'赵倩'}>
子组件,子子子组件
</xxx.Provider>
或let {Provider} = aaa
<Provide></Provide>

子组件:
static contextType = aaa
<>{this.context.xxx}<>
函数式组件:
<Consumer>

{
    数据
}

</Consumer>

HOC:高阶组件
highordercomponent
增强式组件!本质是个函数,接收一个组件作为参数,对组件进行自定义加工后返回(组件)

Last modification:March 3rd, 2020 at 06:43 pm
如果觉得我的文章对你有用,请随意赞赏