javascript - 如何在 React 中将道具从孩子传递给父母？

Question

我是 React 的新手，我正在尝试像这样创建一个“CV-Generator” ，这里发生的是每当用户在任何输入中输入一个值时，它会自动呈现到渲染预览（右侧），我的问题这是我正在渲染一个渲染三个子组件的地方，<Form />即：-、、、、 <PersonalInfo />在三个子组件中的每一个中，我都处理 Input onChange 和数据，但问题是我需要再次渲染这些数据来渲染预览（就在链接上），但我很困惑如何将我的数据从子组件（即，，）传递到父组件（）<Experience /><Education />setState<PersonalInfo /><Experience /><Education /><App />

应用程序.js

return (
    <div className='container'>
      <Form />           //need data from her childs
      <DisplayInfo />    //want to pass data to this one
    </div>
  );

表单.js

return (
      <form>
        <PersonalInfo /> //need data from here
        <Experience />   //need data from here
        <Education />    //need data from here
      </form>
    );

state三个孩子之一的例子

this.state = {
      firstName: '',
      lastName: '',
      title: '',
      address: '',
      phoneNumber: '',
      email: '',
      description: '',
    };
// want to pass all this data

标签： javascriptreactjs

Answer 1

您必须在子级中使用回调，然后在父级中使用一些函数来获取这些数据。但请记住，您必须先触发回调函数。