如何使用 React Hooks 传递 props 和其他参数以运行?

Question

如何使用 React Hooks 传递 props 和其他参数来运行？

我有以下功能：

async function handleSubmit(props, event) {
const {history} = props;
if (event) {
event.preventDefault();
event.stopPropagation();
}
...
} 

如何从<Form>调用它并填充props和event参数？

<Form inline onSubmit={handleSubmit}>

Answer 1

试着这样写

const handleSubmit = async props => event => {
const {history} = props;
if (event) {
event.preventDefault();
event.stopPropagation();
}
...
} 

然后

<Form inline onSubmit={handleSubmit(props)}

研究JavaScript:)中的柯里

Answer 2

在 Click 上创建一个新的箭头函数，并将 props 作为第二个参数传递给它(如果需要，也可以传递第一个(。

<Form inline onSubmit={(e) => handleSubmit(e, props)}>

Answer 3

我最终弄清楚了这一点。 您只需要将props参数添加到组件函数定义中，请参见下文：

const Header = props => {
const handleSubmit = async event => {
const {history} = props;
if (event) {
event.preventDefault();
event.stopPropagation();
}
...
};
...
}