Reactjs 将setState（“设置状态”）作为函数发送到新组件

我有一个可能很简单的问题。我试图将一个函数传递给另一个组件，我想将状态设置为空（“”）。你能明白为什么它对我不起作用吗。前面我在组件中设置state（“”），我想在main文件中这样做

谢谢

主文件：

<GenerateData
  data={CustomerData}
  numbers={numbers}
  setData={setCustomerData("")}
/>

组成部分：

interface IProps {
  setData: (party: string) => void;
}

<button onClick={() => setData}>

接口IProps{
setData：（参与方：字符串）=>无效；
}
setData}>

setData={setCustomerData（“”）}

调用

setCustomerData（“”）

并将函数结果传递给子组件，即

setData

=

未定义

<GenerateData data={CustomerData} numbers={numbers} setData={setCustomerData} />;

interface IProps {
    setData: (party: string) => void;
}

<button onClick={() => setData('')}>

；
接口IProps{
setData：（参与方：字符串）=>无效；
}
setData（“”）}>

setData={setCustomerData（“”）}

调用

setCustomerData（“”）

并将函数结果传递给子组件，即

setData

=

未定义

<GenerateData data={CustomerData} numbers={numbers} setData={setCustomerData} />;

interface IProps {
    setData: (party: string) => void;
}

<button onClick={() => setData('')}>

；
接口IProps{
setData：（参与方：字符串）=>无效；
}
setData（“”）}>

您能否提供这三个代码段之间的关系的更多细节？有点不清楚界面的用途、按钮的位置以及

setCustomerData

的函数结果是什么（假设根据名称返回void）。您能否提供这三个代码段之间的关系的更多细节？有点不清楚界面的用途、按钮的位置以及

setCustomerData

的函数结果是什么（假设根据名称返回void）。