与REDX发生反应，事件处理程序名称

Question

我正在查看此source code。

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> 
    ) 
    } 

我的问题是，为什么事件处理程序是onChange？我认为标准的html属性是onchange。不幸的是，我无法找到任何反应文件有关该事件的处理程序名称

感谢

Answer 1

事件是ReactJS定义的onChange： https://facebook.github.io/react/docs/events.html

你有ReactJS文档的网站使用的一些例子： https://facebook.github.io/react/docs/forms.html

Answer 2

首先，HTML属性不区分大小写，因此onchange，onChange和ONCHANGE在HTML中都是等效的。

但是，JSX不是HTML。在React中，情况很重要，所以onChange它必须是。

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