函数组件中父组件调用子组件的useState

在函数组件中，父组件可以通过调用子组件并传递参数的方式，将 useState hook 传递给子组件使用。以下是一个示例：

父组件代码：

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

function ParentComponent() {
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>Count: {count}</p>
      <ChildComponent count={count} setCount={setCount} />
    </div>
  );
}

export default ParentComponent;

子组件代码（ChildComponent）：

import React from 'react';

function ChildComponent({ count, setCount }) {
  const handleIncrement = () => {
    setCount(count + 1);
  };

  return (
    <div>
      <button onClick={handleIncrement}>Increment</button>
    </div>
  );
}

export default ChildComponent;

在父组件中，我们通过调用 `<ChildComponent count={count} setCount={setCount} />` 将 `count` 和 `setCount` 作为 props 传递给子组件。子组件可以在需要时调用 `setCount` 函数来更新 `count` 的值。