React元件通訊

看風景就發表於2018-08-22

1.父子通訊

父 -> 子 props
子 -> 父 回撥函式,父元件通過props向子元件傳遞一個函式,子元件呼叫函式,父元件在回撥函式中用setState改變自身狀態

2.跨層級通訊

1. 層層傳遞props

2. 使用React context

3. 使用共同父元件,修改其狀態,來兩邊通訊

4. 使用Event bus,就是一個全域性的釋出訂閱工具,在componentDidMount中訂閱事件,在componentWillUnmount中取消事件訂閱

5. 使用redux,mobx等第三方狀態庫

相關文章