React组件之间如何通信

1、父组件向子组件传递数据
  由于React的数据流动为单向的,父组件向子组件传递是最常见的方式
  父组件在调用子组件的时候,只需在子组件的标签内传递参数,子组件通过props属性就能接收到父组件传递过来的参数
  
2、子组件向父组件传递数据
  子组件向父组件通信的基本思路是,父组件向子组件传一个函数,然后通过这个函数的回调,拿到子组件传过来的值
  
3、兄弟组件之间的通信
  如果是兄弟组件之间的数据传递,则父组件作为中间层来实现数据的互通,通过使用父组件传递

4、父组件向后代组件传递数据
  父组件向后代组件传递数据是一件最普通的事情,就像全局数据一样

使用useContext提供了组件之间通信的一种方式,可以共享数据,其他数据都能读取对应的数据

你可能感兴趣的:(react.js,vue.js,前端)