从输入表单传递数据以更改 redux 状态答案

【问题标题】：passing data from input form to change redux state从输入表单传递数据以更改 redux 状态
【发布时间】：2021-06-01 06:16:41
【问题描述】：

请帮帮我！如何将 modalAction.js 中的值传递给 projectAction.js 以改变状态？

/src/view/projectList.js

const ProjectList = () => {

const dispatch = useDispatch()
const project = useSelector(state => state.project)
const modal = useSelector(state => state.modal)

return (
<div>
    <Button 
        label="Add Project" 
        onClick={()=> handleOpenProjectModal()}
        primary={true}
    />  
    <Modal 
            title={modal.title}
            modalClass={modal.status ? 'top-10 opacity-100' : '-top-20 opacity-0 pointer-events-none'}
            bgClass={modal.status ? 'opacity-75 pointer-events-auto' : 'opacity-0 pointer-events-none'}
            content={
                <div>
                    {modal.content}
                </div>
            }
        />
</div>

/src/store/action/modalAction.js

export const openProjectModal = () => dispatch => {
    dispatch({
        type: ADD_PROJECT_MODAL,
        title: 'Create Project',
        content: 
            <div>
                <Input 
                    label="Title"
                    onChange={() => dispatch(handleProjectPayload())}
                    name="title"
                />
            </div>

/src/store/action/projectAction.js

export const handleProjectPayload = (value) => async dispatch => {
    
    dispatch({
        type    : CHANGE_PROJECT_PAYLOAD,
        payload : value
    })

}

【问题讨论】：

您需要从 OnChange 处理程序中的输入标记传递事件值。 onChange={(e) => dispatch(handleProjectPayload(e.target.value))}。这可能有效。
该死的哈哈。因为这个问题，我很沮丧。非常感谢你的帮助，上帝保佑你

标签： javascript reactjs forms redux react-redux

【解决方案1】：

您需要从 OnChange 处理程序中的输入标记传递事件值。 onChange={(e) => dispatch(handleProjectPayload(e.target.value))}。这可能有效

【讨论】：