React -父组件获取子组件的值-以及方法

• Z时代
• 2024-01-10
• 分类：综合

1、通过 ref

<Child  ref="demo" />   给子组件添加ref属性
  在父组件使用 `this.refs.demo.state.xxx` 来获取子组件state里面的xxx的值
  使用 `this.refs.demo.dosomthing()` 来调用子组件的dosomthing（）方法

2、通过onRef

<Child onRef={（ref）=>this.child=ref} /> 给子组件添加ref属性
在子组件中，
componentDidMount() {
this.props.onRef(this);
}
在父组件中，
this.child.state.xxx //获取
this.child.dosomthing() // 调用

以上是 React -父组件获取子组件的值-以及方法 的全部内容， 来源链接： utcz.com/z/382084.html