react中 父子级传参

React 中如何父子级传参呢。

 

1、子传父

    

    子:这里的 onChoose 是父级里面的名字,over 是要带进去的参数。if(onChoose) 是判断是父级是否调用这个方法。如果调用就把数据传过去。

     react中 父子级传参

 

    父:在调用的组件中加入 onChoose ={ } 这个方法名,然后里面写个方法,通过 this.props拿到子级里面的参数 

    react中 父子级传参

 

 

2、父传子

 

这里面的EditableInputNumber 是调用的 ant 里面的 inputNumber 组件。我要在审核状态下这里不编辑。

 

react中 父子级传参

 

在这里,本来 disabled 是默认为 false ,就是没有被禁止。我们要先给它定义一个变量。随便用什么名字,父级传递经全子级的一个变量,然后传进来判断。

 

react中 父子级传参