Я использую React и Redux с Ax ios. Точно такой же компонент с точно такими же переменными вызывается из двух разных мест в моем приложении. Один запускает мой API, как и ожидалось, но другой никогда не достигает бэкэнда. Я понятия не имею, как это возможно. Они оба достигают моего действия Redux с одинаковым URL, так как это может быть?
Кнопка внутри компонента:
<button
onClick={e => {
// Same button used for both
e.stopPropagation();
deletePost({ _id, postType, isMainPost });
}}>
Delete
</button>
действие:
export const deletePost = ({ _id, postType }) => async dispatch => {
try {
// Reaches here just fine for both with exact same url
const url = `${postType}/${_id}`;
console.log('OUTPUT: url', url);
const res = await axios.delete(`api/posts/${url}`);
} catch (error) {
console.error(error);
}
};
API интерфейса:
router.delete('/:postType/:_id', auth, async (req, res) => {
try {
// Only one reaches here...
const { _id, postType } = req.params;
console.log('OUTPUT: _id', _id);
console.log('OUTPUT: postType', postType);
} catch (error) {
console.error(error);
}
});