javascript - react 选择 onChange 不起作用

Question

JsFiddle:https://jsfiddle.net/69z2wepo/9956/

我在我的 react.js 代码中的渲染函数中返回一个选择元素。

但是每当我更改 select 值时，onChange 中的函数都不会被触发。

var Hello = React.createClass({
render: function() {
    return <select id="data-type" onChange={changeDataType()}>
           <option selected="selected" value="user" data-type="enum">User</option>
           <option value="HQ center" data-type="text">HQ Center</option>
           <option value="business unit" data-type="boolean">Business Unit</option>
           <option value="note" data-type="date">Try on </option>
           <option value="con" data-type="number">Con</option>
      </select>
    }
});


React.render(<Hello/>, document.getElementById('container'));

 function changeDataType() {
    console.log("entered");
}

此函数仅在加载选择时触发一次，随后当我更改值时，它不会被触发。

Answer 1

onChange需要一个功能。

你正在通过它 changeDataType() ，它正在运行函数 changeDataType功能和设置 onChange到它的返回值，它是空的。

尝试传递实际函数，而不是评估函数。

<select id="data-type" onChange={changeDataType}>