react 父组件怎么调用子组件的方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react 父组件怎么调用子组件的方法相关的知识,希望对你有一定的参考价值。

参考技术A 可以通过向子组件传入一个修改state的函数,比如如下代码:
父组件:

class Father extends Component
construtor(props)
super(props);
this.state=
name: 'Peter',
age: '26'


onChangeState(stateName)
this.setState(stateName)

render()
<p>姓名:this.state.name</p>
<p>年龄:this.state.age</p>
<Child onClicked=this.onChangeState.bind(this)/>



子组件:

class Child extends Component
render()
<Button onClicked=()=>this.props.onClicked(name: 'John')/>

本回答被提问者采纳

以上是关于react 父组件怎么调用子组件的方法的主要内容,如果未能解决你的问题,请参考以下文章

react 下拉框 组件多次被调用

react 子组件调用父组件方法

如何在父组件调用子组件的方法

react中父组件调用子组件方法(onRef)

angular2 在不确定父组件的情况下,子组件怎么调用父组件的方法

react ,父子调用子组件的方法与子组件调用父组件的方法