我如何得到的状态值，我已经存储在子组件的父组件在React没有按钮OnClick事件?

Question

我有一个从父组件调用的子组件，在子组件中，我设置状态并获得一个特定的值，然后存储在一个状态值中。现在，我如何从那里得到的值和读取它在父组件不使用onClick事件?

下面是我的代码片段: 父组件

import Child from "../Child"
const Parent = () => {
...
...

return(
...
...
<Child />
);
};
export default Parent 

子组件

function Child (props) {
...
...
const [query, setQuery] = useState("sample")
...
...
return(
...
...
);

}
export default Child

正如你在上面看到的，我初始化了一个状态变量并赋值了"sample"查询">";我怎样才能得到这个"查询"?在父组件中可读？ 我不想使用Onclick事件，所以请帮助我。

Answer 1

在parent中定义useState并向下传递给child

const Parent = () => {
const [query, setQuery] = useState("sample")
...
...

return(
...
...
<Child query={query} setQuery={setQuery}/>
);

孩子

function Child ({query,setQuery }) {