如何向 React 中的 onChange 函数传递附加参数

2024-05-26

所以,我遇到了这个问题:我这里有这种类型的元素,显然在更改输入时有事件,是否可以像这样传递参数并访问事件?如果是这样,我该怎么办?

// this function accepts two other params index, stringValue
function onChange(index ,stringValue) {
    console.log(event.target.value);
    console.log("index?: " + index + " and value" + stringValue)
}

//this input is in Child Component
const index = 69;
const someRandomValue='iamstring';
<input defaultValue={name} onChange={onChange(index,iamstring)} />

您可以使用柯里化函数来实现这一点。

onChange = (index, stringValue) => (event) => {
...
}

...

<input defaultValue={name} onChange={this.onChange(index,iamstring)} />
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何向 React 中的 onChange 函数传递附加参数 的相关文章

随机推荐