React 基础

1、通信

几种方式:父子组件通信、兄弟组件通信、跨多层级组件通信、任意组件。

父子通信:父组件通过 props 传递数据给子组件;

                 子组件通过调用父组件传来的函数传递数据给父组件。这种父子通信方式是单向数据流。

                 父组件通过 props 传递数据,子组件不能直接修改 props ,而是必须通过调用父组件函数的方式告知父组件修改数据。

兄弟组件通信:可以通过共同的父组件来管理状态和事件函数。

                 比如其中一个兄弟组件调用父组件传递过来的事件函数修改父组件中的状态,然后父组件将状态传递给另一个兄弟组件。

跨多层级组件通信:可以使用 Context API 。

任意组件:通过 Redux 或者 Event Bus 解决。

2、

React 基础_第1张图片

React 基础_第2张图片

React 基础_第3张图片

React 基础_第4张图片

React 基础_第5张图片

React 基础_第6张图片

你可能感兴趣的