在React中如何使用复合组件中的方法？

来源：互联网发布：奇点.com mac软件编辑：程序博客网时间：2024/04/29 09:50

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title>Title</title>  <script src="../js/react.js"></script>  <script src="../js/react-dom.js"></script>  <script src="../js/browser.min.js"></script></head><body><div id="example"></div><script type="text/babel">  var MainComponent=React.createClass({    handleOnClick:function () {      console.log('这是复合组件的中的click方法');    },    render:function () {      return <div>        <h1>复合组件</h1>        <ButtonComponent funName={this.handleOnClick}/>      </div>    }  })  var ButtonComponent=React.createClass({    /*handleClick:function () {//      console.log('this is a test');      this.props.funName();    },*/    render:function () {      return <button onClick={this.props.funName}>click me</button>    }  })  ReactDOM.render(    <MainComponent/>,    document.getElementById('example')  );</script></body></html>

上面是自己写的一个例子，可以使用props这个方法，访问到复合组件中定的方法。

0 0