当 React Js 中的 Redux 状态发生变化时如何更新'local State'？

Question

目前，我正在使用这种方法，但我不确定这是否是正确的方法

在组件:

获取Redux状态:

const personReduxState = useSelector(({data}) => data.person);

本地状态:

const [locatState,setLocalState]=useState({name:''});

useEffect我更新状态:

useEffect(() => {
setLocalState({
name: person?.name
})
}, [personReduxState])

在第一次渲染和Redux状态改变时，useEffect运行并更新本地状态。我这样做对吗?还是我应该考虑另一种方法?

Answer 1

您不需要存储Redux存储状态的副本，您已经获得了:

// this variable got all data, and it will be updated when store will update
const personReduxState = useSelector(({data}) => data.person);
// to get name just write this, and you will get every time latest name from personReduxState
const {name} = personReduxState