Programmatically change Redux-Form Field value

by

You can have the onChange logic in this.handleSelectChange({ value, type: input.name }) and use change action from redux-form

According to the docs:

change(field:String, value:any) : Function

Changes the value of a
field in the Redux store. This is a bound action creator, so it
returns nothing.

Code:

import { change } from "redux-form";

handleSelectChange = (value, type) => {
  if (type === "site") {
    this.props.change('net', "newValue");
  }
}

const mapDispatchToProps = (dispatch) => {
  return bindActionCreators({change}, dispatch);
}

More Related Contents:

  1. Programmatically Navigate using react-router
  2. Why do we need middleware for async flow in Redux?
  3. When to use ES6 class based React components vs. functional ES6 React components?
  4. React Context vs React Redux, when should I use each one? [closed]
  5. Why is my onClick being called on render? – React.js
  6. How to overcome the CORS issue in ReactJS
  7. How to update single value inside specific array item in redux
  8. Why use Redux over Facebook Flux? [closed]
  9. Understanding React-Redux and mapStateToProps()
  10. Is store.dispatch in Redux synchronous or asynchronous
  11. Updating nested data in redux store
  12. How do I access store state in React Redux?
  13. Getting an error “A non-serializable value was detected in the state” when using redux toolkit – but NOT with normal redux
  14. Read Store’s Initial State in Redux Reducer
  15. How to sync Redux state and url hash tag params
  16. TypeError [ERR_INVALID_ARG_TYPE]: The “path” argument must be of type string. Received type undefined raised when starting react app
  17. Changing the layout of a component depending on Redux state
  18. Cannot update a component while rendering a different component warning
  19. Uncaught Invariant Violation: Too many re-renders. React limits the number of renders to prevent an infinite loop
  20. Use Object.assign or Spread Operator in React/Redux? Which is a better practise
  21. Pros/cons of using redux-saga with ES6 generators vs redux-thunk with ES2017 async/await
  22. having multiple instance of same reusable redux react components on the same page/route
  23. Update single value in item array | react redux
  24. Redux Presentational Components Vs Container Component
  25. How can I dispatch function in redux?
  26. minimise the code since I am using the same code only the content in p tags changes and component AccordionHeader header changes
  27. Component won’t update when a redux state change occurs
  28. React-Redux: Should all component states be kept in Redux Store
  29. Could not find “store” in either the context or props of “Connect(App)”
  30. How to get simple dispatch from this.props using connect w/ Redux?

Leave a Comment