如何解决如何将作为道具传递的两个函数添加到 React 和 Material UI 中的 onChange 事件?
我想将作为道具传入的两个函数添加到 onChange 事件。 handleInput
是在更改时设置值的函数,validate
是验证输入的函数。
我一直在阅读这些帖子,但他们的答案不起作用:How to pass two functions to onClick event in react 和 call two functions within onchange event in react
const FormFields = (props) => {
const { values,handleInput,validate } =
props;
// Created a function to return two functions passed as props.
const handleOnChange = (event) => {
return {
handleInput,validate,};
};
return (
<TextField
name="selection"
label="Select"
value={values}
onChange={handleOnChange} // <- Function with two functions collapsed.
/>
)
}
解决方法
在句柄 OnChange 中调用这些函数而不是返回它们
const handleOnChange = (event) => {
handleInput(event)
validate(event)
};
,
您可以简单地添加一个调用其他函数的任意函数,例如:
<TextField
name="selection"
label="Select"
value={values}
onChange={()=> {functionOne(); functionTwo()}} // <- Function with two functions collapsed.
/>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。