與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屬性過時。