javascript - 箭头函数进入react组件中的 "ordinary"函数表达式

Question

我想将这个react组件中的箭头样式函数(at onChange)更改为普通函数。我是一个初学者，对我来说，并排查看两个版本很有帮助，因为我很难掌握新的箭头函数语法。

应该是可能的，但是使用“普通”函数，下面的效果会如何？

import React from "react";

function Input1(props) {
  //console.log(props)
  return (
    <div>
      <input
        onChange={event => props.handleChange("email", event.target.value)}
      />
    </div>
  );
}

export default Input1;

Answer 1

import React from "react";

function Input1(props) {
  //console.log(props)

  function onChange(event) {
    props.handleChange("email", event.target.value)
  }

  return (
    <div>
      <input
        onChange={onChange}
      />
    </div>
  );
}

export default Input1;