react如何使用 function HandleChildClick (valu) { console.log(`Received valu ${valu} from child component`) }里的value

如果你想在React函数组件中使用 `HandleChildClick` 函数里的 `valu` 参数，你需要将该函数作为一个属性传递给子组件，并且在子组件中调用该函数时传递一个参数。下面是一个示例代码，演示了如何实现这个功能：

import React from 'react';

function ChildComponent(props) {
  function handleClick() {
    const valu = 'example';
    props.onChildClick(valu);
  }

  return <button onClick={handleClick}>Click me</button>;
}

function ParentComponent() {
  function handleChildClick(valu) {
    console.log(`Received valu ${valu} from child component`);
  }

  return <ChildComponent onChildClick={handleChildClick} />;
}

export default ParentComponent;

在上面的代码中，我们定义了两个函数组件 `ParentComponent` 和 `ChildComponent`。在 `ChildComponent` 组件中，我们定义了一个名为 `handleClick` 的函数，该函数会在按钮被点击时被触发。在该函数中，我们定义了一个名为 `valu` 的常量，并将其值设置为 `'example'`。然后，我们调用了 `props.onChildClick(valu)` 来触发 `ParentComponent` 组件中的 `handleChildClick` 函数，并将 `valu` 作为参数传递给该函数。

在 `ParentComponent` 组件中，我们定义了一个名为 `handleChildClick` 的函数，该函数会在 `ChildComponent` 组件中的按钮被点击时被触发。在该函数中，我们可以通过 `valu` 参数来访问 `ChildComponent` 组件中传递的值。

最后，我们将 `ChildComponent` 组件作为一个属性传递给 `ParentComponent` 组件，并将 `handleChildClick` 函数作为一个属性 `onChildClick` 传递给 `ChildComponent` 组件。这样，当 `ChildComponent` 组件中的按钮被点击时，就会触发 `onChildClick` 函数，并将 `valu` 作为参数传递给该函数。