I’m making simple ecommerce service using React and classic Redux. I have problem with deleting items from cart. When I click delete on button attached to one products it removes all elements from cart. In my opinion code is correct, I compared it with few other solutions I’ve found on SO. I’d be glad for… Read More Why Redux removes all elements from cart instead one?
I’m using react-redux in my react app. I need a reducer function to set search query and another reducer function to fetch data according to that query. Here is my slice. export const movieSlice = createSlice({ name: ‘movieSlice’, initialState: { query: ”, movie_results: [], }, reducers: { setQuery: (state, action) => { state.query = action.payload… Read More How to call react-redux slice method inside same slice's another method?
Its a action-function that works with redax (it works perfectly because I used it) export const fetchCategory = () => { return async (dispatch) => { try { dispatch(settingsSlice.actions.settingsFetching()); const response = await request("/category/getAll", "POST", {}); dispatch(settingsSlice.actions.settingsFetchingSuccess(response)); } catch (e) { dispatch(settingsSlice.actions.settingsFetchingError(e)); } }; }; I need that when the button is pressed, a request… Read More The function (dispath) does not work when I press the button
So as preface I am learning react-native and I am developing an app which connects to an backend api using redux. I am getting the following error when I try to run the app. Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for… Read More error invalid hook call issue while using Redux store to do api calls in React-Native
When trying to run my React app, I am getting the following error in my browser console: Uncaught TypeError: useSelector is not a function. The code is compiling fine on VS Code. Here the App.js code that is causing issues: const BrowserRouter = require(‘react-router-dom’); const Navigate = require(‘react-router-dom’); const Routes = require (‘react-router-dom’); const Route… Read More Uncaught TypeError: useSelector is not a function
During a CRUD operation on an HTML table, is it customary for the entire table to be re-rendered or is it more common for just the affected row to be rendered, e.g., updated, deleted or inserted? For example, in JQuery (or plain Javascript), you add a row like this without rendering the entire table similar… Read More Does react re-render the entire table when adding, deleting or inserting a single row?
Still learning React, having trouble finding the solution on this one. I have a series of arrays in the initialState of a redux slice, i.e const initialState = { sprites: { one: [1, 2, 3], two: [4, 5, 6], three: [7, 8, 9] } } In the app, when the user clicks on a particular… Read More Call variable from string value with React Redux
I have a state called ListItems and I wish to display them as checked if the value is present in another state array called filteredListItems. I have created a callback function but this doesn’t seem to work. How do I go on about this? import React, {useState, useRef} from ‘react’ import { connect, useDispatch, useSelector,… Read More How to change the checked property in a checkbox?
I working in react typescript. I have created a common utility function like this – interface IUpdatedRows { rowsPerPage: number; // this is where the confusion is – rows: { id: number; name: string; description: string; role: string; manager: string; total_tasks: number; annotator: number; qc: number; }[]; // page: number; } export const updatedRows =… Read More How to give a common type when a function is called from different components
I am learning Redux, in this app I am using react-redux and redux, I am not mutating the store’s state, but still my app is not re-rendering I have this basic counter app, you press the + button the number increases, you press the – button it decreases My code: app.js : ` import ‘./App.css’;… Read More My react app is not re-rendering on Redux's store update