javascript - 无法在反应 js 中传递带有表单数据的 JSON 对象（始终 json JSON 为空）

Question

我需要向我的后端发送一个表单数据请求，并且我需要将 JSON 对象与我的表单数据请求一起传递。但是当我将请求发送到后端时，我的 JSON 对象没有任何价值。

这是我的 JSON 对象。

这是我的反应代码：-

export function* addCategoryFlow(action) {
    // JSON Data
    const locals = action.data.displayNameLocalization;

    try {
        const paginationDetails = yield select((state) => state.categoryReducer.pagination);
        const Axios = yield createRequest();
        const formData = new FormData();

        formData.append('displayName', action.data.displayName);
         
        //Convert my Json Data
        formData.append('displayNameLocalization', JSON.stringify(locals));
      

        // CONSOLE LOG MY FORMDATA REQUEST
        for (const pair of formData.entries()) {
            console.log(pair[0] + ', ' + pair[1]);
        }
        const res = yield Axios.post('cms/categories', formData);

        if (res.status === 201) {
            toast.success('Category Added Successful');
            yield put({type: ADD_CATEGORY_SUCCESS});
            yield put({type: GET_CATEGORIES, data: paginationDetails});
        }
    } catch (error) {
        console.log(error);
        toast.error('Category  Added Field');
    }
}

但是当我控制台记录我的表单数据时（在将数据发送到后端之前）我的 JSON 数据是空的。

我不知道原因。如果有人可以帮助我解决这个问题，这真的有助于我作为初学者的学习......谢谢大家......❤️

标签： javascriptreactjsjsonreact-reduxform-data