react hooks传递参数

React hooks 可以通过两种方式传递参数：

1. 使用 useState hook

useState hook 可以接收一个初始值参数，这个参数可以是任何类型的值，包括对象和数组。例如，以下代码展示了如何使用 useState hook 创建一个计数器：

import React, { useState } from 'react';

function Counter({ initialCount }) {
  const [count, setCount] = useState(initialCount);

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>Increment</button>
    </div>
  );
}

export default Counter;

在这个例子中，我们使用 initialCount 参数来初始化计数器的值，然后将其传递给 useState hook。

2. 使用 useContext hook

useContext hook 可以让我们在组件之间共享数据，从而避免 props 层层传递的问题。例如，以下代码展示了如何使用 useContext hook 在组件之间共享数据：

import React, { useContext } from 'react';

const MyContext = React.createContext();

function ParentComponent({ someValue }) {
  return (
    <MyContext.Provider value={someValue}>
      <ChildComponent />
    </MyContext.Provider>
  );
}

function ChildComponent() {
  const someValue = useContext(MyContext);
  return <p>Some value: {someValue}</p>;
}

export default ParentComponent;

在这个例子中，我们创建了一个 MyContext 对象，并将其传递给 Provider 组件。然后，在 ChildComponent 组件中，我们使用 useContext hook 获取 MyContext 对象中的值。这个值可以是任何类型的数据，包括函数和对象。