将带有事件的函数从子组件传递到父组件

Question

我有一个带有输入的子组件，我想使用道具在事件中传递信息。将数据发送到父组件的最佳方式是什么？

在父组件中我有函数和组件：

 function handleAnswer(e) {
    e.preventDefault();
    const filteredValue = e.target.value.replace(/[&\/\\#,+()$%:*<>{}]/g, "");
    setAnswer(filteredValue);
  }

 <FrontCard handleAnswer={handleAnswer} /> 

子组件：

const FrontCard = ({ handleAnswer}) => {
  return (
<input onChange={(e) => handleAnswer2(e)}></input>
)
}

我尝试更改父级中的组件。但没有成功。

 <FrontCard handleAnswer={(e) => handleAnswer(e)} /> 

Answer 1

这是一种错误的类型。您在子组件中使用handleAnswer2 而不是handleAnswer。