js中函数参数的传递形式较为简单
function show(s){
console.log(s);
}
show(”hello); 就会输出hello.
在react JSX中函数参数的传递需要用到 bind
这里有个例子可以作为参考
http://www.jianshu.com/p/d745514e547b
需要注意的是得先定义this然后再使用,直接使用this会报错,函数为定义
需要通过bind方法来绑定参数,第一个参数指向this,第二个参数开始才是事件函数接收到的参数
下面这个例子可以说明一切了。
var NoLink = React.createClass({
show: function(dd){
alert(dd)
},
render: function() {
var o = this;
var message = [1,5,7,9,0];
var sss = message.map(function(data){
return(
<input type="button" value={data} onClick={o.show.bind(data,data)} />
)
})
return(
<div>
{sss}
</div>
)
}
});
ReactDOM.render(
<NoLink />,
document.getElementById('example')
);