React.js useState 值不异步匹配

Question

我有一个奇怪的问题，有时传递给useState的值与useState的变量useState 。 每次都在同一个 UI 组件上发生这种情况，而其他组件则没有问题。 只是想仔细检查一下我是否在这里做错了什么。

// userData is from Redux store
const {userData} = props 

const [installed, setInstalled] = useState(userData.installed)  // installed: boolean

console.log(userData.installed) // returns true
console.log(installed) // returns false
console.log(userData) // installed: true

我使用 useState 的原因是因为我使用它来呈现一个将被切换的按钮，以及显示一个指示符是否被切换。

<Button onClick={() => setInstalled(!installed) />

Answer 1

我建议使用useEffect来观察 Redux 存储中的状态，然后根据该更改更新本地状态：

const [userData] = props ;
const [installed, setInstalled] = useState(userData.installed)

useEffect(() => {
  setInstalled(userData.installed)
},[userData])