POST HTTP 409 冲突答案

【问题标题】：POST HTTP 409 ConflictPOST HTTP 409 冲突
【发布时间】：2021-01-04 12:09:52
【问题描述】：

当我提交表单时，我收到此错误消息

POST HTTP... 409 冲突。

当我为每个 onChange 事件创建一个 handleChange 函数时，就会发生这种情况。

const handleChange = (evt) => {
    const { name, value } = evt.target;
    setPostData({ ...postData, [name]: value });
  };

const handleSubmit = async (evt) => {
    evt.preventDefault();
    console.log(postData);
    dispatch(createPost(postData));
  };

<TextField
    variant="outlined"
    id="fullname"
    name="fullname"
    type="text"
    label="Full name"
    value={postData.fullname}
    onChange={handleChange}
/>

【问题讨论】：

用这个setPostData(prev => ({ ...prev, [name]: value }));替换setPostData并检查
它现在正在工作，先生@NishargShah！非常感谢！

标签： javascript reactjs redux axios

【解决方案1】：

将setPostData函数替换为

setPostData(prev => ({ ...prev, [name]: value }));

您的旧代码中的问题是您没有获得最新的更新值，但在我的解决方案中，它总是会为您提供更新的和最新的值

【讨论】：

注意，非常感谢！