react 函數參數的傳遞

標籤：ret   map   簡單   rip   example   事件   message   就會   ons   

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() {        function show(rr){        alert(rr)        }        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‘)      );

　　

 

react 函數參數的傳遞