javascript - 如何从对象中的 forEach 中获取搜索结果？

Question

我有一个带有一些 JSON 数据的 React 应用程序。我有一个下拉菜单可以在我的应用程序中设置作业的状态。我有一个名为 status 的状态，其中加载的状态及其 id 如下。

this.state.status: [
  {id: 1, name: 'To-do'},
  {id: 2, name: 'In-progress'},
  {id: 3, name: 'Completed'},
]

当通过选择下拉列表中的菜单项来更改状态时，我需要将状态 ID 发送到 API。因此，我使用选定的状态设置下拉列表的值，并通过状态对象中的状态名称查找状态 id，并获取特定的 id。这是我到目前为止所尝试过的。 问题是，API 调用无法捕获状态 ID。控制台显示“status_id 未定义”

statusHandleChange = event => {
        const project_id = this.props.projectData.id;
        const job_id = this.props.projectData.currentJobId;

        this.setState({ currentStatus: event.target.value }, () =>
            Object.keys(this.state.status).forEach((key) => {
                if (this.state.status[key].name === event.target.value) {
                    const status_id = (this.state.status[key].id)
                }
            }),

            API.post('job/change_current_status', { project_id, job_id, status_id })
                .then(({ data }) => {
                    console.log("success!", data)
                })
                .catch((err) => {
                    console.log("AXIOS ERROR: ", err);
                })
        );

    };

错误:“status_id”未定义!

Answer 1

因为您在函数内的 if 语句内将 status_id 定义为 block 范围常量 - 在该 if 语句之外无法访问它。您可以使用 find 和 Object.values 进行解构(因为 forEach 不返回任何内容):

const { id: status_id } = Object.values(this.state.status).find(({ name }) => name === event.target.value);