javascript - 如果 useState 不更改或保持最后一个值，如何在 react 中重新渲染组件

Question

• 我有一个 useState const [selectFolderId, useSelectFolderId] = React.useState(documentStore.id)

• 我从 redux 存储读取 documentStore.id，但有时当我更改 URL 并更改文档存储时，我的 selectFolderId 始终保存最后一个值，并且不会使用 DocumentStore 中的新值进行更新。我做了一个 useEffect 传递道具，如 URL 或 documentStore 来更新状态，但我没有得到结果。

  useEffect(()=>{ setFolderId(documentStore.id) }, [url, documentStore])

有一种方法可以始终重置值并重新渲染组件。我猜反应总是从缓存中保存相同的数据，并且不更新 UI，也许不知道我的 documentStore.id 有其他值，那么我在 folderId 中没有我需要的数据。

如何强制我的 useStates 在每次更改时更新它们的值，而不仅仅是使用 UseEffect，因为没有更改值，useState 的最后一个值被粘贴

谢谢你的帮助

标签： javascriptreactjsreact-hooks

Answer 1

您需要添加 documentStore.id到您的useeffect

 useEffect(()=>{ setFolderId(documentStore.id) }, [url, documentStore.id])