首页 > 代码库 > react6 事件传递参数
react6 事件传递参数
<body>
<!-- React 真实 DOM 将会插入到这里 -->
<div id="example"></div>
<!-- 引入 React -->
<script src="http://www.mamicode.com/src/libs/react.js"></script>
<!-- 引入 JSX 语法格式转换器 -->
<script src="http://www.mamicode.com/src/libs/JSXTransformer.js"></script>
<script src="http://www.mamicode.com/src/libs/jquery.js"></script>
<!-- 注意：script 需要注明 type 为 text/jsx 以指定这是一个 JSX 语法格式 -->
<script type="text/jsx">
var HelloComponent = React.createClass({
testClick : function (str) {
console.log(‘hello‘ + str);
},
render : function () {
return <h1 onClick={this.testClick.bind(this,‘feng‘)} style={{color:‘#f60‘,width:‘200px‘,height:‘100px‘}}>click me</h1>
}
})
React.render(
<HelloComponent />,
document.getElementById(‘example‘)
)
</script>
</body>
react6 事件传递参数
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。