具有为 POST 请求 reactjs 选择的项目的 ID答案

【问题标题】：have the id of the item chosen for a POST request reactjs具有为 POST 请求 reactjs 选择的项目的 ID
【发布时间】：2022-02-01 10:39:32
【问题描述】：

您好我有一个问题：我想获取员工项目的 id 以将其发送到后端以进行我的 sql 查询。

这是我的反应代码：

const [values, setValues] = useState({
        etude: "",
        group: "",
        date: "",
        toDoId: 0,
        employeeId: ""
    });

const configFetchValidateTask = {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(values)
};

const validateTask = () => {
    fetch(`http://localhost:3000/validate-task`, configFetchValidateTask)
        .then(response => response.json())
        .then(res => res)
};

我在我的反应组件中返回

<select>
  {employees.map(employee => 
    <option onChange={() => getEmployeeId(employee.employee_id)}>{employee.employee_name_tname</option>)}
</select>

我没有值对象中使用的变量

除了我有这个错误：

【问题讨论】：

标签： reactjs post

【解决方案1】：

只是改变这个 onChange={getEmployeeId(employee.employee_id)} 到onChange={() => getEmployeeId(employee.employee_id)}。您会看到它可以防止不必要的重新渲染。

【讨论】：

我没有以前的错误，但我这里有另一个错误：未捕获（承诺）syntaxeError: Unexpected token 0 in JSON at position 0