onChange不会在React组件中触发

Question

我有以下组件，在其中以内联方式呈现无序元素列表，每次选择更改时，我都会尝试更新存储中的值

&mut T

目前我不确定为什么 onChange 事件处理程序不会触发。我什至看不到控制台中已打印出该事件。我在这里做错什么了吗？

Answer 1

onChange事件不适用于ul元素。

请在more details中查看。

compOptions可以用这种方式编写，如果您想附加onChange事件。

let compOptions = this.props.compOptions.map((val, idx) => {
    return (
        <li key={idx} data-key={idx} style={{backgroundColor: this.props.compCheckedVal === idx ? '#30C1C6' : 'white'}}>
            <input type="radio" value={val} onChange={this.changeComps}  /> //attach onChange here directly
            <label htmlFor="">{val === 'No Coverage' ? val.toUpperCase() : val}</label>
        </li>
    )
});