React 向事件处理程序传递参数(不跳,alert)

来源:互联网 发布:什么是锁sql 编辑:程序博客网 时间:2024/06/10 13:40

e后

<html>  <head>      <title>Document</title>      <script src="../react.js"></script>      <script src="../react-dom.js"></script>      <script src="http://cdn.bootcss.com/babel-core/5.8.38/browser.min.js"></script>  </head>  <body>    <div id="demo"></div>    <script type="text/babel">       class Popper extends React.Component {         constructor(props) {           super(props)           this.state = {name: 'wlh'}         }         preventPop(name, e) {           e.preventDefault()           alert(name)         }         render() {           return (             <a href="https://reactjs.org"             onClick={this.preventPop.bind(this, this.state.name)}>               Click             </a>           )         }       }       const element = <Popper />       ReactDOM.render(         element,         document.getElementById('demo')       )    </script>  </body></html>
阅读全文
0 0
原创粉丝点击