react-use-state

SKILL.md

useState is a React Hook that adds a state variable to your component, triggering re-renders when the state changes.

| Form inputs | const [name, setName] = useState('') | | UI state | const [isOpen, setIsOpen] = useState(false) | | Simple counters | const [count, setCount] = useState(0) | | Local component data | const [items, setItems] = useState([]) |

If a value can be computed from props or other state, don't store it:

指导 React useState 钩子的正确使用。在向组件添加状态、在 useState 与替代方案之间做出决定或对状态更新问题进行故障排除时，请使用此技能。 来源：flpbalada/my-opencode-config。

查看原文