React中render函數中變數map中事件無法關聯的解決辦法

標籤：react-map

React中render函數中變數map中事件無法關聯的解決辦法

如下所示的代碼，Input的checkbox可以正常顯示3個，但是都無法和 handleChange關聯上。 由於代碼無法正常顯示，我用圖片

var Input = ReactBootstrap.Input;
var TestCom = React.createClass({
getInitialState: function() {
return {value: ‘Hello!’,
value2: ‘nihao2’
};
},
handleChange: function(event) {
var debug = 1;
console.log(event);
console.log(event.target);
console.log(event.target.checked);
},
render: function () {
var sortedProcessArray = [‘Alice’, ‘Emily’, ‘Kate’];
return (

{
sortedProcessArray.map(function (item) {
return ;
})
}

);
}
});

  React.render(<TestCom/>, document.body);</script>

解決辦法，不要在map的時候進行return。而是先將map的結果儲存到一個變數，然後return這個變數。這樣就可以了

著作權聲明：本文為博主原創文章，未經博主允許不得轉載。

React中render函數中變數map中事件無法關聯的解決辦法