React是一种单向数据流的设计,也就是说信息只能从父级向子级一层一层向下传递
- 父传子:在 React 中,父组件调用子组件时可以将要传递给子组件的数据添加在子组件的属性中,在子组件中通过 props 属性进行接收。这个就是父组件向子组件通信。
- 子传父:React 是单向数据流,数据永远只能自上向下进行传递。当子组件中有些数据需要向父级进行通信时,需要在父级中定义好回调,将回调传递给子组件,子组件调用父级传递过来的回调方法进行通信。
- 跨组件通信 - context。使用 context API,可以在组件中向其子孙级组件进行信息传递。
- 同级组件之间的信息传递:通过状态提升,将信息共同保存在父组件中,在通过回调函数更改信息后在用props传递给子组件
- Redux、React-redux等状态管理库结合异步请求处理redux-thunk、redux-saga