useState：让组件记住值

真实代码来自 manga_studio/canvas-v2/src/App.tsx：

const [showSettings, setShowSettings] = useState(false)

const [showSettings, setShowSettings] = useState(false)
↑        ↑              ↑             ↑
当前值    更新值的函数       React Hook       初始值是假

调用 setShowSettings(true) 后，React 会重新运行组件，让依赖这个值的界面更新。直接写 showSettings = true 不会按 React 的方式工作。

普通变量改变后 React 一定重新显示页面吗？

答案：不一定。需要用 state 的更新函数等 React 能追踪的方式通知它。