reactjs - 我需要 django 休息框架的帮助 更新反应中的表格

Question

这是我的第一个项目，我必须通过 react js 表单更新用户详细信息。为此我写了更新代码，但它不工作

从“反应”导入反应，{useState}；

函数更新声明（）{

const [values, setValues] = useState({ 
    "name": "",
    "age": "", 
    "address": "", 
    "license_num": "",
    "id_proof": "" });

const set = (name) => {
    return ({ target: { value } }) => {
        setValues((oldValues) => ({ ...oldValues, [name]: value }));
    };
   }; 

let save = (e) => {
    e.preventDefault();
    console.log(values);

fetch('http://127.0.0.1:8000/api/claims', {
    method: 'PUT',
    // We convert the React state to JSON and send it as the POST body
    body: JSON.stringify(values)
  }).then(function(response) {
    console.log(response)
    return response.json();
  });

}

返回 （

  <fieldset>
    <legend>Update Claim</legend>
    <form method="put" onSubmit={save}>
      Name <input type="text" name="name" required value={values.name} onChange={set("name")}/>
      <br />
      Age <input type="text" name="age" required value={values.age} onChange={set("age")} />
      <br />
      Address <input type="text" name="address"  required value={values.address} onChange={set("address")} />
      <br />
      License No <input type="text" name="license_num" required  value={values.license_num} onChange={set("license_num")} />
      <br />
      ID Proof <input type="text" name="id_proof"  required value={values.id_proof} onChange={set("id_proof")} />
      <br />
      <input type="submit" value="Save" />
    </form>
  </fieldset>

</div>

); };

导出默认 UpdateClaim；

标签： reactjsdjango