mysql - 将 JobID 从 React&Redux 前端传递到 NodeJS 后端时，req.body.jobId 显示未定义？

Question

好吧，这会有点长。我对 React 和 Redux 有点陌生。所以我有一个 React 和 Redux 前端，一个 Node 和 Express 后端以及用于数据库的 mySQL。

我正在构建门户网站的一部分，用户可以在其中创建就业机会。作业创建部分工作正常，但我在从数据库检索数据(GET 请求)时遇到问题。

结构如下:

有一个 postJobs.js 父组件，它有几个子组件:

1. 创建作业
2. 添加更多详细信息
3. 分配预算

所有这些子组件都是选项卡，通过单击选项卡来触发。

当通过 CreateJob 组件创建作业时，会在 DB(主键)中生成一个 jobID，然后将其发送到 Redux Store。

我使用相同的组件，即 CreateJob 来添加作业和更新作业以防止重复。

当用户成功创建作业后，他/她将导航到第二个选项卡(AddMoreDetails)。

我定义了一个用于从数据库获取创建的作业的操作，该操作将 jobID 作为参数(从 Redux 存储中检索 jobID 并将其传递给操作)。

但是我在 Node 后端收到“job_id 未定义”。我意识到它没有从 req.body 获取 jobId，但我无法找到如何将 jobID 从前端发送到后端的替代方案。

我已经在 Postman 中测试了 API，它工作正常。

这是我收到的错误以及相关的后端和前端代码:

错误

Unhandled rejection TypeError: Cannot read property 'job_id' of 
undefined at jobsDao.getCurrentJob.then.result

后端

userRouter.js

router.get('/getCreatedJob', postJobController.getCreatedJob);

postJob.js

  let getCreatedJob = (req, res) => {
  let jobId = req.body.jobId;
  let skills = [];
  jobsDao.getCurrentJobSkills(jobId).then(result => {
    result.forEach(skill => {
    skills.push(skill.skill_id);
  });
});
  jobsDao.getCurrentJob(jobId).then(result => {
    console.log(result);
    res.send({
      success: true,
      message: 'Got recent Created Job ',
      jobId: result[0].job_id,
      jobTitle: result[0].job_title,
      jobType: result[0].job_type_id,
      jobSkills: skills
     });
   });
 };

jobsDao.js

   let getCurrentJobSkills = jobId => {
     return Promise.using(getDBConnection(), connection => {
       return connection.query(
         `select skill_id from job_skill where job_id = 
          ${connection.escape(jobId)}`
      );
    });
   };

  let getCurrentJob = jobId => {
    return Promise.using(getDBConnection(), connection => {
      return connection.query(
        `select job_id,job_title,job_type_id from job where job_id 
         = ${connection.escape(jobId)}`
     );
   });
  };

前端

apiConfig.js

export default {
   getCreatedJob: {
   url: '/api/secured/client/getCreatedJob',
   method: 'GET',
   data: {
     jobId: ''
   },
   showResultMessage: false,
   showErrorMessage: true
   }
   // Other API calls here
}

postJobAction.js

export const actionGetCreatedJob = data => {
  const request = apiService('getCreatedJob', data);
  return {
    type: GET_CREATED_JOB,
    payload: request
  };
};

reducerPostJob.js

export default (state = INITIAL_STATE, action) => {
  switch (action.type) {
    case GET_CREATED_JOB:
      console.log(action.payload.data);
      return { ...state };
    // Other cases here
    default:
    return state;
  }

}

createJob.js

componentDidMount() {
  const jobId = this.props.clientPostJob.jobId;
  console.log(jobId); // The createdJob is is being logged here 
                         correctly
  if (jobId) {
    this.props.actionGetCreatedJob({jobId})
    .then(() => {
      this.props.actionLoaderHide()
      /* Add logic here for populating the form fields with the 
        data retrieved from db */
    })
      .catch(err => console.log(err));
  }
}

const mapStateToProps = state => {
  return {
  clientPostJob: state.clientPostJob,
  userInfo: state.userInfo.userData,
  jobId: state.clientPostJob.jobId
 };
};

const mapDispatchToProps = dispatch => {
 return bindActionCreators({
     actionLoaderHide,
     actionLoaderShow,
     actionGetCreatedJob,
  },
  dispatch
  );
};

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(CreateJob);

将 jobID 发送到后端的最佳方法是什么？

Answer 1

我个人会使用jobId作为路径中的参数 ( /api/secured/client/getCreatedJob/<jobId> )。您的代码表明您正在尝试将其发送到体内。

1) Send body in method GET axios

2) HTTP GET with request body