React学习专题之子组件向父组件传值

在 React 中，子组件将数据传回其父组件有两种主要方式：

1.使用回调函数：回调函数是子组件与其父组件通信的常用方式。要使用回调函数，首先需要在父组件中定义该函数。这可以通过向组件的 JavaScript 对象添加函数属性来完成。例如：

JavaScript

const ParentComponent = () => {
  const handleDataChange = (newData) => {
    console.log("Data changed:", newData);
  };

  return (
    <div>
      <ChildComponent onDataChange={handleDataChange} />
    </div>
  );
}；

在父组件中定义回调函数后，您可以将其作为 prop 传递给子组件。例如：

JavaScript

const ChildComponent