怎么把子组件查询的数据传递到父组件中

在React中，可以通过在父组件中定义一个回调函数，然后将该函数作为props传递给子组件，子组件可以在需要的时候调用该回调函数并传递数据给父组件。

以下是一个示例：

父组件：

import React, { useState } from "react";
import ChildComponent from "./ChildComponent";

function ParentComponent() {
  const [data, setData] = useState(null);

  const handleData = (childData) => {
    setData(childData);
  };

  return (
    <div>
      <ChildComponent onData={handleData} />
      {data && <p>子组件传递的数据：{data}</p>}
    </div>
  );
}

export default ParentComponent;

子组件：

import React, { useState } from "react";

function ChildComponent({ onData }) {
  const [inputValue, setInputValue] = useState("");

  const handleClick = () => {
    onData(inputValue);
    setInputValue("");
  };

  return (
    <div>
      <input
        type="text"
        value={inputValue}
        onChange={(e) => setInputValue(e.target.value)}
      />
      <button onClick={handleClick}>传递数据给父组件</button>
    </div>
  );
}

export default ChildComponent;

在上述示例中，父组件ParentComponent定义了一个名为handleData的回调函数，并将其作为props传递给子组件ChildComponent。子组件中的按钮点击事件会调用handleData函数，并将输入框的值作为参数传递给父组件。父组件接收到子组件传递的数据后，更新data状态，并在页面上展示该数据。

这样，子组件中查询的数据就可以通过回调函数传递给父组件了