Javascript 如何在React中使用onChange？

这些处理输入更改的方法之间有什么区别？我应该在何时使用其中一种方法

consthandlechange=（）=>{
log（“你好”）
}
//第一种方法
handleChange（）}
[...]
//第二种方法
handleChange}
[...]
//第三种方法
函数的使用取决于需求

First用于需要为某些操作传递诸如-事件、数据之类的信息时

第二种方法不是正确的方法

建议使用第三种方法

<input
  onChange={handleChange} />



不建议使用第四种方法，因为它会在每次页面加载时调用

第一个方法是kost-correct，但您需要默认的onChange的arg，这是一个本机事件，例如：
（e）=>{e.preventDefault（）}
。使用此方法，可以使用一些非默认参数指定函数的执行

第二个完全不正确

第三个方法将使用默认参数调用我们的函数，因此这里它与我更正的方法一相同

第四个也是不正确的，因为它会在将函数绑定到元素时执行函数

第一个方法handleChange（）}[…]

第二种方法handleChange}[…]

第四种方法默认情况下，onChange切换更改事件作为onChangeHandler的参数

第一种方法用于使用自定义参数：
onChange={（）=>handleChange（customParam1，customParam2）}
：

第二种方法用于在每次发生onChange事件时返回handlechange函数。
onChange={（）=>handleChange}
等于
onChange={function handleChange（e）{[…]}

第三种方法是使用默认onChange事件作为handleChange函数的参数：
onChange={handleChange}
等于
onChange={（e）=>handleChange（e）}

最后一个方法用于将handleChange的返回值用作onChangeHandler：
onChange={handleChange（）}
等于
onChange={（e）=>handleChange（）（e）}

第二个和第四个类似，因为它们将返回值用作onChange处理程序

顺便说一句，第二种方法是最好的一次性处理方法。
您应该使用第二种方法作为主要方法。
谢谢。
第三种方法。onchange接受函数并将事件作为参数传递给函数。看看你为什么要把这个标记为与react挂钩相关的标题？这样我就不会得到与类组件相关的答案——就像你链接我一样。在类组件中，您在构造函数中绑定方法，但在函数组件中没有构造函数。绑定方法与您的问题无关+您可以使用没有挂钩的函数组件。
// third method 
<input onChange={handleChange} [...]

const handleChange = (event) => {
  console.log("hello", event)
}