use-state-from-props

一个简单的React Hook，用于从props派生state并在props更新时自动同步state。

安装

npm install use-state-from-props

使用方法

import { useStateFromProps } from 'use-state-from-props';

function MyComponent({ value }: { value: string }) {
  const [state, setState] = useStateFromProps(value);

  // state会自动跟随props.value的变化而更新
  // 同时你也可以通过setState手动更新state

  return (
    <div>
      <p>Current state: {state}</p>
      <button onClick={() => setState('new value')}>Update State</button>
    </div>
  );
}

API

function useStateFromProps<T>(props: T): [T, React.Dispatch<React.SetStateAction<T>>]

参数

• props: 任意类型的值，用于初始化和更新state

返回值

返回一个数组，包含：

1. 当前state值
2. 更新state的函数

特性

• 自动从props派生state
• 当props更新时自动同步state
• 支持手动更新state
• 完整的TypeScript支持