与redux,事件处理程序名称作出反应

时间:2016-10-27 23:28:35

标签: reactjs redux

我正在看这个source code

numeric

我的问题是,为什么事件处理程序是render() { const { value, onChange, options } = this.props return ( <span> <h1>{value}</h1> <select onChange={e => onChange(e.target.value)} value={value}> {options.map(option => <option value={option} key={option}> {option} </option>) } </select> </span> ) } ?我认为标准的html属性是onChange。不幸的是,我找不到任何关于事件处理程序名称的反应文档

感谢

2 个答案:

答案 0 :(得分:1)

首先,HTML属性不区分大小写,因此onchangeonChangeONCHANGE在HTML中都是等效的。

但是,JSX不是HTML。在React中,案例很重要,因此必须onChange

React中的select元素在其他方面也与HTML中的select元素不同。例如,在value元素上定义了select,使selected元素上的option属性过时。

答案 1 :(得分:0)

在ReactJS中将事件定义为onChange: https://facebook.github.io/react/docs/events.html

您在ReactJS文档网站中有一些使用示例: https://facebook.github.io/react/docs/forms.html