reduxと反応し、イベントハンドラ名

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だと思います。 ReactJSドキュメントのWebサイトでの使用の https://facebook.github.io/react/docs/events.html

あなたが持っているいくつかの例： https://facebook.github.io/react/docs/forms.htmlと、残念ながら、私は、任意のイベントハンドラの名前について

Answer 1

イベントReactJSでのonChangeとして定義されて

おかげで、文書を反応見つけることができません

Answer 2

最初に、HTML属性は大文字と小文字を区別しないので、HTMLではすべてonchange、onChange、onChangeおよびONCHANGEは同等です。

ただし、JSXはHTMLではありません。リアクションでは、大文字小文字が重要なので、onChangeでなければなりません。

Reactのselect要素もHTMLのselect要素とは異なります。例えば、valueはselect要素で定義されており、option要素のselected属性は廃止されています。