redux-form

问题 form render: return ( <form onSubmit={handleSubmit}> <Field name="login" component={RenderTextField} label="Login" /> <Field name="password" component={RenderTextField} label="Password" /> </form> ) validate: const RenderTextField = ({ label, input, meta: { touched, invalid, error }, ...custom },props) => { const classes = useStyles(); return ( <TextField label={label} placeholder={label} error={touched && invalid} helperText={touched && error} {...input} {...custom} /> ); } const validate =

问题 How do you change the default boolean value for a checkbox in redux form to be the value you specify on the input itself? For example, I have an input like this: <input type="checkbox" value="Pages missing or out of order" {...issue1} /> When Redux form picks this up, it just gives me a true/false, even though I want the value "Pages missing or out of order" Can I do something like this to get where I need to go so that when the form submits, it will submit the value "Pages missing or out of

问题 How do you change the default boolean value for a checkbox in redux form to be the value you specify on the input itself? For example, I have an input like this: <input type="checkbox" value="Pages missing or out of order" {...issue1} /> When Redux form picks this up, it just gives me a true/false, even though I want the value "Pages missing or out of order" Can I do something like this to get where I need to go so that when the form submits, it will submit the value "Pages missing or out of

问题 I want to create a simple form that takes in an email adress and later adds it to our database. I went with React Forms, because it facilitates the whole development process and reduces the amount of time. However, when I'm trying to POST my form I'm getting this error: Uncaught Error: You must either pass handleSubmit() an onSubmit function or pass onSubmit as a prop Here's my AddUserForm.js : import React from 'react' import { Field, reduxForm } from 'redux-form' const AddUserForm = ({

问题 i am using ReactJS and ReduxJS to construct my application . I created my form using Redux-Form and there are many text input and for one of them ,i am using onkeyDown event to increase and decrease number in my text so when i click up arrow or enter first digit the text is auto completed with previous date entered(history) that disturb when i click another up arrow [Hint] I tried AutoComplete=off and did not work 回答1: You just have the attribute cased incorrectly. You can use the following 3

问题 I want to stote dates in my state using redux-form. I use react-datepicker. To make the datepicker compatible with my redux-form i write: import React, { PropTypes } from 'react'; import DatePicker from 'react-datepicker'; import moment from 'moment'; import 'react-datepicker/dist/react-datepicker.css'; const MyDatePicker = ({ input, meta: { touched, error } }) => ( <div> <DatePicker {...input} dateFormat="YYYY-MM-DD" selected={input.value ? moment(input.value) : null} /> { touched && error &

问题 What is the recommended way to handle redux-form/CHANGE actions being dispatched by redux-form? I have my own reducer managing the state of this form but I'm not sure if it's best to do the following: export default reducer (state = initialState, action) { case 'redux-form/CHANGE': // return modified state } One problem I see is that this reducer would receive every redux-form/CHANGE action. Additionally as far as I can tell ActionTypes.js isn't exported in a way for me to import it so I feel

问题 I want to use Redux-form in a manner that changes input color & displays the actual error on top of the page. How do I access the list of current field errors outside the fields themselves? 回答1: You can't get the list of errors from outside of the render function given to the Field component. This is because errors are not stored in the redux store. EDIT 26/12/2018 : This answer is taking some age. ReduxForm now stores errors in the Redux store. Take a look to @nicoqh's answer which is using

问题 I asked a question on this and I believe Dennis who answered the question gave the answer I thought was correct. I cant figure out how to pass variables back to the parent function correctly... Here is the code I want to fix. Child of a Child Component First there is a child of a child component. This will set the sort direction of the list if you click on it. Its using "onSortDirectionChange" function and should set the sort direction by setting a variable "sortDirection". const

问题 I have a Field poll.id that is part of a form that contains multiple parts. Each part is contained in a component with a @reduxForm annotation and each component may have it's own unique validation method. My problem is that in this case, when the validatePoll returns a validation exception, it doesn't show up at Field level. I wonder if this has to do with the dot syntax of the field. @reduxForm({ form: 'posteditor', destroyOnUnmount:false, }) @autobind class MyForm extends React.Component {