当前位置: 首页 > 知识库问答 >
问题:

如何在reactJS中将道具从孩子传递给家长?[副本]

邰德业
2023-03-14

我想在React中将数据从子组件发送到父组件。查找数据时,只有类类型,没有功能文档。您可以使用什么语法传递数据?

共有1个答案

柳弘方
2023-03-14

可以使用回调函数将数据从子级传递到父级。

function Parent(){
    const doSomethingWithDataFromChild(data) {...do something here}
    return <Child passDataToParent={doSomethingWithDataFromChild} />
}


function Child(props) {
    props.passDataToParent(childData);
    return ...
}

记住,这样做会有一些副作用。为了获得更精确的答案,您需要提供更多的上下文和/或代码示例,如用例等。

 类似资料:
  • 问题内容: 在组件中,我需要将函数的返回值传递给属性。然后从属性需要被传递到的组件。新来的反应。不确定如何将属性从子级传递到组件。 问题答案: 您可以将函数从父级传递给子级,子级可以使用颜色调用该函数(很多操作都类似于事件处理程序)。在App中收到颜色后,使用.setState()将其分配给状态值,然后将其在render()中获取

  • 我试图使用在child中的函数中生成的值。js并将其传递给父级。所以我可以使用这个值来过滤子数组。 小孩js 是生成的值,我需要在父级中访问该值。js Parent.js 我是不是错过了一些显而易见的东西?控制台。日志for返回子项的所有值。js节点,但当用作道具时返回未定义。 如何让函数运行,这样我就可以用返回的值过滤结果? 谢谢

  • 问题内容: 我在这里有一个简单的设置: 我有一个父组件,该父组件有2个子组件。在第一个子组件中:用户更改输入的值。然后,该更改的值将是我想要从该孩子传递给父对象的道具,以便可以将其传递给与同一父组件相连的另一个孩子。 当前设置的这个,请查看 从用户输入到UI更改的流程:1.在“ Child 1”中:调整一个滑块,将onChange值传递给父组件;2.将此属性(新的滑块值)传递给Parent组件,以

  • 我有一个父组件,充当其子组件的包装器。如何将道具传递给将使用以下格式呈现的孩子?

  • 我试图从按钮类中的道具集中提取数字的值。然后在发现函数中呈现这个值。类正确显示了Number的值。但是,该函数不显示数字的任何值。 为了让它发挥作用,我已经花了一段时间来处理这个问题。但是我找不到任何解决我问题的办法。 没有错误消息。显示的预期结果:https://i.imgur.com/fr61SE0.png 实际显示结果:https://i.imgur.com/MRE0Lsj.png

  • 我有一个巨大的表单,sumbit是从表单外部触发的 问题是,我需要有当前表单字段对象在按钮组件。我试图通过传递setState函数来传递多个层的状态: 还可以使用redux分派(在表单字段更改时)和按钮组件中的Selector来获取当前数据。但当我在输入字段中编写一些文本时,这两种方法似乎都会减慢应用程序的速度。 优化it的最佳解决方案是什么?