如何更新Reactjs中redux工具包存储和输入元素中的状态

Question

我正在一个 React 应用程序中工作，它存储使用 redux-saga 从我的后端 api 获取的 redux 存储中的用户信息，并将其显示到输入元素。 我想要的是更新“onChange”事件的输入状态

 import {useSelector,useDispatch} from 'react-redux'
 const user= useSelector(state => state.user)
 
 const Sample = () => {
    return(
     <>
        <input value={user.firstname} onChange={??} ></input>
        <input value={user.middlename} onChange={??} ></input>
        <button onClick={dispatch(SomeActionToUpdateToBackend())}>Update</button>
     </>
          ) 

 }

我应该直接更新 redux 状态还是应该将其置于临时本地状态并使用dispatch(updateUser({localState})) ？ 我是 redux 新手，有点困惑。

Answer 1

您需要处理由“OnChange”事件触发的本地状态更改。然后，单击更新按钮后，您应该更新 Redux 状态。