Reactjs 将道具传递到另一个组件时发生反应

我想把道具传给另一个组件。具体来说，我想在用户单击submit按钮时将道具传递到另一个组件中。出于某种原因，这似乎不起作用。。。只有一些地方可以将道具传递给子组件

   OnSubmit(e){
    e.preventDefault(e)


    <SearchRresults data="test"/>

}

OnSubmit（e）{
e、 防止违约（e）
}

只有在某些地方可以返回子元素：1）从基于类的组件中的render（）方法返回，或2）作为函数组件中的返回

为了能够将道具从父级传递给子级，当表单在父级中提交时，需要将提交值保存在组件状态（或redux或任何可以使用的状态）中，并将状态作为道具传递给子级。 下面是一个例子：

实际上，只要看一下官方的介绍