React父子组件间传值简单总结

504 阅读1分钟

前端小白简单总结,还望各位大佬多多指教~

1、React父子组件间传值实质

Js里的对象父子间是通过super得到子类的this,引用传值的方式,而React就是利用组件的属性来传递对象的引用方式传值,调用组件就相当于是实例化该组件,利用this.props拿到父类传递过来的值,如:

<App />

就相当于是将App组件实例化。

2、React 组件间传值方式

  • 父向子传值:通过组件的标签属性传递

  • 子向父传值:通过触发事件传递

  • 复杂的组件间传值:redux