react中的传参方式

Posted 2021-02-12 --chenchen--

react是一个SPA模式，即组件嵌套租，在一个单页面的应用中组件间的数值传递是必不可少的，主要的传参方式大致有一下几种：

1，在挂载的地方给组件传参

　　ReactDOM.rander(<a name=‘a‘ age={16}/>,app) 在渲染的时候，直接给挂载的组件传参。

2，父子传参

　　父子传参可以用props和ref两种方式，1，props方式传参，父组件通过改变自己的参数并且通过props将状态传递给子组件，并在子组件中显示。2，通过ref传参，这种方式是通过子组件自己的方法改变自己的状态后，父组件通过触发子组件的方法更改参数。

3，子父传参 

　　子组件通过触发父组件的方法来改变父组件的状态，

4，兄弟传参 

　　兄弟传参有两种，一种是通过状态提升，通过改变公有组件的状态进而改变子组件的状态，另一种是通过ref传参的方式，改变原有的状态。

5，远亲间的传参

　　通过redux协助传参，一般会适用与项目间的交互较多时使用，并没有什么互动时若使用redux反而会增加项目的复杂度，当不知道要不要使用redux的时候就不要使用。

关于这几种方法的具体使用方法，会在下一篇具体传参方式中给出。