@aleshaykovlev
html, css, js, node, webpack, sass, react

Ошибка при отправке данных?

useReducer:
const [post, dispatch] = React.useReducer(AddPostReducer, {
		description: "",
		location: "",
		photos: []
});

При нажатии на submit:
React.useEffect(() => {
		if (!post.photos.length) return;
		dispatchRed(addPostAsyncAction(post, setErrors, setText));
		navigate("/");
}, [post.photos]);

function uploadPhotos(event: React.ChangeEvent<HTMLFormElement>) {
		event.preventDefault();
		if (!selectedImages.length) return;
		dispatch({ type: "SET_PHOTOS", payload: { selectedImages, setText } });
}


Reducer:
case SET_PHOTOS:
			const { selectedImages, setText } = action.payload;

			const formData = new FormData();
			selectedImages.map((image: any) => formData.append("photos", image));

			uploadPhotos(formData)
				.then((data) => {
					const { success, message, fileNames } = data;

					if (!success) {
						setText(message);
						return;
					}

					return {
						...state,
						photos: fileNames
					};
				});

			return state;


uploadPhotos:
function uploadPhotos(formData: any) {
	return trackPromise(fetch(`${REACT_APP_API_URL}/upload/photos`, {
		method: "POST",
		headers: {
			"Accept-Type": "application/json",
			Authorization: `Bearer ${Cookies.get("token") || ""}`,
		},
		body: formData
	})
		.then((response) => response.json())
		.then((data) => data));
}


Error:
MainLayout - главный компонент для обертки.
AddPost - страница, на которой происходит ошибка
636fac91c6894895428300.png
  • Вопрос задан
  • 26 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы