时间戳

首页 > 解决方案 > 是否可以在 React 功能方法中通过 onChange 事件传递附加参数

reactjs - 是否可以在 React 功能方法中通过 onChange 事件传递附加参数

问题描述

我想做类似的事情，

<Input onChange={(e,myExtraParameter) => enteredData}/>

然后写我的 onChange 之类的，

enteredData = (e :React.FormEvent<HTMLTextAreaElement> | React.FormEvent<HTMLInputElement>,myExtraParameter : string ) => {
    console.log("extra parameter = " , myExtraParameter);

}

也就是说，我想检查我的按键输入，并使用额外的参数对其进行处理。

我检查了资源，这些资源很好地说明了在基于 React 类的方法中传递此类选项，我可以在其中使用“this”指针。但是如何在 React 功能组件功能方法中做到这一点？

标签： reactjsreact-hooksreact-hook-form

解决方案

是的，您可以传递任何值，只要接收它的函数允许它否则不会得到它。

例子。

<input type="text" id="name" name="name" onChange={(event) => readName(event, "Miss")} />

现在函数

const readName = (event, gender) => {
  const { target: { value } } = event;
  console.log(value,gender);
}

推荐阅读