Modify state in Redux DevTools Extension

redux redux-devtools redux-devtools-extension
Fellow Stranger picture Fellow Stranger · Dec 18, 2017 · Viewed 25.5k times · Source

In my application state there are values set as initialState.

With the React Developer Tools it's very easy to directly modify some state value.

Is anything similar possible in Redux DevTools Extension, i.e. click and insert a new value for a specific property?

In this SO anwer it's stated that it's possible to "change whatever you want", but I cannot find how.

In the State -> Raw pane (see pic below) one can overwrite values but it doesn't seem to be applied.

enter image description here

Answer

Vnvizitiu picture Vnvizitiu · Aug 29, 2018

You can cause an action to dispatch that updates your object (or you can type it by hand, whichever is easier for you) and then you can cause a new dispatch straight from the tool with the following button

Screenshot of Redux Tools

for example, if you wish to simulate the server returned an object in a different state, just dispatch the action that updated the object again with the modified fields.

Related questions

redux-devtools-extension not working in chrome devtools

I'm using redux-devtools-extension to develop a React Native app: In the React Native debugger it works and you can see window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ and window.__REDUX_DEVTOOLS_EXTENSION__ are defined correctly. In the chrome devtools not so. Does …

Read More
How to dispatch a Redux action with a timeout?

I have an action that updates the notification state of my application. Usually, this notification will be an error or info of some sort. I need to then dispatch another action after 5 seconds that will return the notification state to …

Read More
How to reset the state of a Redux store?

I am using Redux for state management. How do I reset the store to its initial state? For example, let’s say I have two user accounts (u1 and u2). Imagine the following sequence of events: User u1 logs into …

Read More