React将props传递给另一个组件

时间:2017-09-07 00:16:46

标签: reactjs

我想将道具传递给另一个组件。具体来说,当用户单击提交按钮时,我想将props传递到另一个组件。出于某种原因,这似乎不起作用......是否只有一些地方可以将道具传递给儿童组件。

   OnSubmit(e){
    e.preventDefault(e)


    <SearchRresults data="test"/>

}

1 个答案:

答案 0 :(得分:1)

只有可以返回子元素的地方:1)来自基于类的组件中的render()方法或2)作为功能组件中的返回。

为了能够从父级向子级传递道具,当在父级中提交表单时,需要将提交值保存在组件状态(或者在redux或您能够使用的任何状态)并传递状态作为孩子们的支柱。 这是一个例子: https://codesandbox.io/s/03k6ypnm0n

实际上只是阅读官方反应文档介绍。