为什么带有 async/await 的 axios 在这种情况下不起作用？

Question

I wanna change DoorState when click button.

After post API to change DoorState , call get API to check robot state.

Actually DoorState is changed. But not change in console.log(after) code. Why?

{
    deliveryPost.Delivery.status === 'assigned' &&
        (checkDoorState(deliveryPost.Delivery.postId) === 'closed' ? ( <
            >
            <
            button className = "bg-white text-teal-500 py-2 px-4 ml-2 border border-teal-500 rounded hover:bg-teal-500 hover:text-white"
            onClick = {
                () => clickRobotAction(deliveryPost.Delivery.postId, 'open')
            } >
            Open Door <
            /button> <
            />
        ) : ( <
            >
            <
            button className = "bg-white text-teal-500 py-2 px-4 ml-2 border border-teal-500 rounded hover:bg-teal-500 hover:text-white"
            onClick = {
                () => clickRobotAction(deliveryPost.Delivery.postId, 'close')
            } >
            Close Door <
            /button> <
            />
        ))
}
``
`

`
``
const clickRobotAction = async (postId: string, action: string) => {
    const appliedRobot = robots.find(robot => robot.postId === postId);
    const {
        robotId
    } = appliedRobot;

    try {
        await axios.post(`api/${robotId}/action/${action}`); // DoorState open <=> close
        const after = await axios.get('api/robots');

        console.log(after); // But not change in this log. Why?
    } catch (error) {
        console.error(error);
    }
};

Answer 1

I'm not sure, but I think it is because the axios.post request should be axios.get since you aren't adding a second overload parameter for an object.Since you are just sending a query string then I think it should just be a get request not certain though I hope this helps.