axios路由，未定义的可选参数

Question

所以最终我想为一个可选参数传入一个值，但“未定义”作为一个字符串被插入，而不是像我想要的那样表现。我在这里想念什么？默认情况下，路由应该是 /api/todo/get/ 我知道我可以不使用“showAll”，但要避免尴尬。谢谢。

const getTodos = (showAll = undefined): Thunk<Promise<void>> => (dispatch) => {
  dispatch(setTodos([]));
  return axios.get(`/api/todo/get/${showAll}`).then((res) => {
    dispatch(setTodos(res.data));
  });
};


router.get("/get/:includeCompleted?", (req: Request, res: Response) => {
    const includeCompleted = req.params.includeCompleted;
    console.log(req.params.includeCompleted);
    return database
        .raw<Todo[]>(
            `
        SELECT *
        FROM todo
        WHERE :includeCompleted = 1 OR completedDate IS NULL
    `,
            {includeCompleted: includeCompleted ? 1 : 0}
        )
        .then((data) => res.status(StatusCodes.OK).json(data));

});

Answer 1

我会使用短路评估来测试showAll 的虚假性。如果是假的，就用一个空字符串：

return axios.get(`/api/todo/get/${showAll || ''}`)

编辑：正如评论者指出的那样，如果您希望 0 或 false 等值仍被传递给路由，则短路评估可能过于激进。如果是这种情况，请使用 nullish 合并运算符：

return axios.get(`/api/todo/get/${showAll ?? ''}`)