react 函數參數的傳遞


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')
      );

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM