Questions tagged [redux-form]
Renowned for its seamless integration with both React and Redux, Redux Form revolutionizes the way forms in React interact with Redux by effectively centralizing and storing all of their state using Redux.
My first time implementing a FieldArray from redux-form has been quite a learning experience. The UI functions properly, but there seems to be some performance issues that I need to investigate further. Basically, the concept is to click an ADD button to i ...
How can I update the value of a TextField using redux-form? My current version includes: "@material-ui/core": "^4.11.0" "redux-form": "^8.3.6" Prior to implementing redux-form, I was able to update the TextFiel ...
function mapStateToProps(state) { return { model: Selectors.Quotes.getCurrentQuote(state), }; } class Customer extends Component { state = { checkedEnergyConcessionHolder: false }; ...
Currently, I am working on a react project where I have developed a form framework that wraps Material-UI around Redux Form. If you want to check out the sandbox for this project, you can find it here: https://codesandbox.io/s/romantic-pasteur-nmw92 For ...
When I make a request to the backend, I retrieve gift and person data. My objective is to establish a connection between the gifts and the individuals. Each person will receive a gift. To achieve this, I am utilizing the material-ui and redux-form packag ...
I am currently utilizing the DatePicker component within my Field from redux form. However, I am facing an issue where the date picker automatically opens every time I focus on the field. This prevents me from manually inputting or pasting a date using the ...
My approach with Redux Form involves dynamically populating the subcategories in a select field based on the category selected by the user. I accomplished this by creating an API for fetching all categories, triggering an action to load these categories in ...
I am currently facing an issue where I am trying to make a post request using axios, to send a form to the backend. However, when I use the post request, nothing is being sent. I am utilizing redux-form to capture the form data and axios to send it to a Fl ...
In my React component, I have a Redux form structured like this: <div className="col-sm-12"> <div className="form-group row"> <div className="col-sm-4"> <label>A. Name</label> </div> <div className="col-sm- ...
I'm looking to decrease the dimensions of my datetime picker box. Here's an image of my current dateTimePicker: https://i.stack.imgur.com/MeJlq.png Below is the component I'm using: import React, { useState } from 'react'; import ...
I am currently working on a project that involves React, material-ui, and redux-form. One challenge I have encountered is with select fields that sometimes contain many options, leading users to request a select field with search functionality. To address ...
Utilizing redux-form, I have passed the TextField of material-ui as a prop to Field of redux-form. Everything else seems to be working perfectly as expected. <Field id="firstName" name="firstName" floatingLabelText="Username" errorText= ...
As I was troubleshooting some issues, I encountered a roadblock with sending DatePicker data to my form. While most of the elements in my form are from redux-form-material-ui, DatePicker is not included in it. I came across two methods of incorporating th ...
Within our Redux Form 5.3 application (not version 6.x), the goal is to display an <input type="checkbox" /> in this manner: // Sometimes, fieldHelper.checked starts off as undefined. When a checkbox is // clicked by the user, fieldHelper.checked is ...
I'm currently diving into the world of redux forms and typescript, but I've encountered an intriguing error that's been challenging for me to resolve. The specific error message reads as follows: Property 'submitAction' is missing in type '{}' but require ...
My goal is to create a dropdown select using Material-UI within a redux-form. I found an example for incorporating M-UI's selects into a redux form on their website. I want to replicate the same example but using Material UI's MenuItems instead ...
Here is the codesandbox I've created: https://codesandbox.io/s/pk8p4lvl90 I am able to follow the material-ui instructions () perfectly fine without using the mapping mechanism. However, when I try to apply the mapping, the material-ui look for a textfiel ...
I am facing a challenge in creating a redux-form that loads data into a modal with initial values. Specifically, I want one of the fields (quoteField) to render as readOnly when there is initial data present. The initial data will always contain at least o ...
I am encountering an issue with a 'redux form' that includes a Select component from the latest material-ui-next. import { TextField } from 'material-ui'; <Field name="name" component={TextField} select > <MenuItem value={1}>Lily& ...
Having trouble with a textfield that I am trying to integrate with Redux Form. Here is how I have set it up: const renderTextField = props => ( <TextField {...props} /> ); Usage example: <Field id="searchCif" name="sear ...
I am currently developing an input feature where I need to insert a comma after every 3 numbers, such as (352,353,353). The challenge is to display this format in a text field. Since I am new to working with React, I would appreciate any guidance on how to ...
I am currently working on creating a login form that makes an API call to retrieve a token. As someone new to react and redux, I followed the steps outlined in this tutorial to achieve this. The login form utilizes redux-form. Below is the code snippet f ...
Struggling to utilize my redux form for updating an object, I am facing difficulty setting initialValues despite following the guidelines. I found a discussion on github regarding this issue and tried passing initial values as props https://github.com/eri ...
My unique custom component utilizes an SFC that resembles: export const InputField = field => ( <div> <TextField required={field.required} invalid={field.meta.touched && !!field.meta.error} label={field.label} {...field.inpu ...
I am using Redux to toggle the visibility of components based on a value. I want to reset values when switching between options. How can I clear state values when switching between fields that are being hidden or shown? What is the best approach for vali ...
Recently, I upgraded to the latest version (v1) of material-UI and followed the recommendation to install v1 alongside the current version with the commands: yarn add material-ui@latest yarn add material-ui-next@npm:material-ui@next However, when attempt ...
I've been working on creating a form using redux-form that includes a dynamic set of checkboxes. The issue I'm facing is that these checkboxes are being passed to the component through props, preventing me from utilizing them in the fields section of the ...
I have a process that communicates with a webservice to retrieve a new sales order number and updates the state with it. Everything is functioning well and here's how it looks: //SAGA FOR NEW SALES NUMBER function getNewSalesNumber(salesRepId, typeId ...
Requirements: "admin-on-rest": "^1.3.3", "base64-js": "^1.2.1", "react": "^16.2.0", "react-dom": "^16.2.0" I have a User model that includes a List of Roles. // User { id: "abcd1234", name: "John Doe", ... authorities: [ { ...
Is it possible to pass values to the onSubmit handler in order to test the append function? Currently, it always seems to be an empty object. Test Example: const store = createStore(combineReducers({ form: formReducer })); const setup = (newProps) => ...
I am currently working on setting up an enzyme/mocha/chai test to replicate the scenario where the state of a materialUI Checkbox component changes from true to false. The Checkbox is enclosed within a redux-form Field, and I am facing difficulties in simu ...
Recently, I started working with redux-form along with react-select. Within my redux-form, there is a child component that contains a element, which in turn renders a react-select component. My goal is to figure out how I can pass a reference to this com ...
Hey there, I'm new to working with redux forms and I've been trying to figure out how to use input types other than "text". I've read through the documentation but for some reason, types like "checkbox" or "radio" are not showing up in the browser output. ...
I am working on a FieldArray component that displays telephone information. Users have the ability to add a telephone object which includes a number field, a type field, and a button to add the phone to the phone list (FieldArray). Within the Phone List c ...
The objective is to retrieve input values from a material UI component and transmit them to an action creator within a handleSubmit function. <Field name='email' component={email => <TextField fullWidth autoComplete='off' clas ...
When my form is loaded hidden, the sizing of my multi-line Google Material UI TextField in react-redux does not adjust properly. To see the behavior in action, click here: https://codesandbox.io/s/redux-form-template-qe06o For a visual reference, check o ...