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。

原文を見る