如何更新Reactjs中redux工具包存储和输入元素中的状态
我正在一个 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 的新手，有点困惑。
I am working in a react application, It store the user information from the redux store fetched from my back-end api using redux-saga and displaying it to an input element.
What I want is to update the state of input on an 'onChange' event
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>
</>
)
}
Should I update the redux state directly or should I put it in a temporary local state and use the dispatch(updateUser({localState})) ?,
I'm new to redux and I'm a little confused.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您需要处理由“OnChange”事件触发的本地状态更改。然后，单击更新按钮后，您应该更新 Redux 状态。
You need to handle local state changes triggered by the 'OnChange' event. Afterward, upon clicking the update button, you should update the Redux state.