Redux toolkits view: I have some statements in Redux toolkits and I can't enter some of them. I already tried this version, but it gives me error. const orderDetails = useSelector((state) => state.orderDetails); const { order, loading, error } =…
I am trying to figure out why I am getting "Actions must be plain objects. Use custom middleware for async actions." when I dispatch my thunk action. From my understanding, the normal cause of this issue would be that my…
I am having a redux state in which i want to store data, which iam getting from an api, to display specific data on different pages. Here is my reducer code: const INIT_STATE = { movies: [] }; export const…
I am trying to post 3 files and json to an API, I am just a bit confused on how to do it export const postfunc = createAsyncThunk( "dashbaord/postfunc ", async (filesSelected, ThunkAPI) => { const state = ThunkAPI.getState(); const…
This is the Redux code: import { configureStore, createSlice } from "@reduxjs/toolkit"; let initialState = { name: "", password: "", }; const loginReducer = createSlice({ name: "login", initialState: initialState, reducers: { nameChanger(state, action) { state.name = action.payload; }, passwordChanger(state, action)…
I am currently trying to create a website using React. But as the title states, I can't seem to get my content to appear in the localbrowser and I'm unsure where I went wrong. Image of localhost App.js: import React…
I am building a react application with Django rest framework (Djoser) for athentication. Now to manage authentication I am using react redx. bt somehow getting this error when passing stattoprops using connect method. not sre where exactly the error is.…
I have two instances of a component which I want them to behave like toggle buttons. If I click on a specific component instance, the other component instances should get deselected. The below is my code: store.js: import { configureStore…
export const uploadFile = createAsyncThunk( "simulation/uploadFile", async (filesSelected) => { console.log(filesSelected[0].name + " Will be uploaded"); const formData = new FormData(); formData.append(filesSelected.name, filesSelected); formData.append("dcmFile", filesSelected[0]); formData.append("mdfFile", filesSelected[1]); formData.append("modelFile", filesSelected[2]); const response = await axios .post("http://localhost:8000/simulation/start/", formData) .then((response) => { /**…
I'm using react-plotly.js and want to use redux to store the layout of my plot. I'm able to do it using react state, but the plot does not render when trying to do the same with redux. I know that…