与 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。不幸的是，我找不到任何关于事件处理程序名称的反应文档

谢谢

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 元素。例如，value 是在 select 元素上定义的，使得 option 元素上的 selected 属性已过时。

与 redux 反应，事件处理程序名称

react with redux, event handler name

reactjs

redux