子组件传值给父组件，父组件函数接收不到

在 React 中，子组件向父组件传递值的常用方法是通过回调函数。以下是一个示例：

在父组件中，定义一个处理接收值的函数，比如 `handleValue`：

const ParentComponent = () => {
 const [value, setValue] = useState('');

 const handleValue = (childValue) => {
 setValue(childValue);
 };

 return (
 <div>
 <ChildComponent onValueChange={handleValue} />
 <p>Value received from child component: {value}</p>
 </div>
 );
};

在子组件中，定义一个输入框或其他交互元素，并在值发生变化时调用父组件传递的回调函数：

const ChildComponent = ({ onValueChange }) => {
 const [childValue, setChildValue] = useState('');

 const handleChange = (event) => {
 const newValue = event.target.value;
 setChildValue(newValue);
 onValueChange(newValue);
 };

 return (
 <div>
 <input type="text" value={childValue} onChange={handleChange} />
 </div>
 );
};

在上面的示例中，子组件 `ChildComponent` 接收了一个属性 `onValueChange`，它是一个回调函数。当子组件的输入框的值发生变化时，调用 `handleChange` 函数更新子组件的状态，并通过 `onValueChange` 回调函数将值传递给父组件。

父组件中的 `handleValue` 函数接收到子组件传递的值后，更新父组件的状态并渲染在页面上。

这样，父组件就能够接收到子组件传递的值了。