2017.11.23

2017-11-23  本文已影响38人  07120665a058

React如何在父组件里面调用子组件的方法
在父组件中引用子组件时,给子组件定义ref='name',父组件通过this.refs.name就可以调用子组件里面的方法,如果子组件是容器组件,则获取不到refs属性

class Parent extends Component {
  render() {
    return (
      <div>
        <Child ref="child" />
        <button onClick={() => this.refs.child.method()}>Click</button>
      </div>
    );
  }
}
class Child extends Component {
  method() {
   console.log('父组件调用子组件方法成功');
  }
  render() {
    return (
      <h1>Hello</h1>
    );
  }
}
上一篇 下一篇

猜你喜欢

热点阅读