redux-form

问题 I could quite advanced in code. And now I'm calculating subtotal. I could calculate the subtotal of first element from detail, but my error is in componentDidUpdate. In componentDidUpdate if I execute this code, componentDidUpdate(prevProps, detail, index) { if (this.props.isSubtotal !== prevProps.isSubtotal) { this.props.dispatch( //NEED TO MAKE THE FOLLOWING LINE DYNAMIC AND NOT [0] change('bill', `detail[0].subtotal`, this.props.isSubtotal) ); } } Works with out any problem. But if I

问题 I have a situation where I need to show grouped lists of items: https://v0.material-ui.com/#/components/list (Go to Nested Lists) Can redux-form Select field work with options as <ListItem /> instead of <MenuItem /> ? I can't select any item from the nested dropdown. Redux's onChange callback doesn't fire up. Here is the code: Form: <form> <Field name="camops" normalize={normalizeMultipleSelectValues} component={MySelectFormField} floatingLabelText="Item(s)" fullWidth multiple /> </form>

问题 I have a situation where I need to show grouped lists of items: https://v0.material-ui.com/#/components/list (Go to Nested Lists) Can redux-form Select field work with options as <ListItem /> instead of <MenuItem /> ? I can't select any item from the nested dropdown. Redux's onChange callback doesn't fire up. Here is the code: Form: <form> <Field name="camops" normalize={normalizeMultipleSelectValues} component={MySelectFormField} floatingLabelText="Item(s)" fullWidth multiple /> </form>

问题 My code is working correctly in the app however, before commit husky runs and gives out the error saying "Arrow function should not return assignment no-return-assign" <Field name='dob' label='dateOfBirth' placeholder='' onFocus={(e) => e.target.placeholder = 'MM/YYYY/DD'} /> 回答1: As several people mention in comments, the issue is that you're using (e) => e.target.placeholder = 'MM/YYYY/DD' which is roughly equivalent to anon_func = function (e) { return e.target.placeholder = 'MM/YYYY/DD';

问题 My code is working correctly in the app however, before commit husky runs and gives out the error saying "Arrow function should not return assignment no-return-assign" <Field name='dob' label='dateOfBirth' placeholder='' onFocus={(e) => e.target.placeholder = 'MM/YYYY/DD'} /> 回答1: As several people mention in comments, the issue is that you're using (e) => e.target.placeholder = 'MM/YYYY/DD' which is roughly equivalent to anon_func = function (e) { return e.target.placeholder = 'MM/YYYY/DD';

问题 I am trying to get access from the redux form that is being filled out inside my reducer so I can replace the values of another object to an array. How do you properly submit and pass the values from a redux form? I have tried passing it back through the redux actions. I've tried accessing it in the reducer directly from the store because I figured that's where it's being stored. I feel like I am doing something simple wrong class EditWorkoutItem extends Component { state = { open: false }; /

问题 I have a checkbox in my redux-form and upon pressing the checkbox, it shows for a millisecond as if it unchecked it but then returned to previous checked state and only clicking checkbox the second time actually unchecks it. I looked into redux-dev-tools and it shows that after form CHANGE event, UPDATE_SYNC_ERRORS one follows. Here is some code that I have: const ProjectFamiliesFilterInput = React.memo(({ familyOptions, analysisGroupOptions, projectAnalysisGroupsByGuid, value, onChange, ..

问题 I want to calculate total and subtotal using a field array like input date. This is my renderDetail Component: renderDetail = ({fields, meta: { error,submitFailed}}) => ( <dl> <dt> <button type="button" className= 'btn btn-primary' onClick={() => fields.push()}>Add Detail</button> {submitFailed && error && <span>{error}</span>} </dt> { fields.map((detailRegister, index) => <dd key={index}> <br></br> <button className= 'btn btn-light mr-2' type="button" title="Remove detail" onClick={() => {

问题 I need to get the value from Client Form I inserted. e.g nationalities:["english","french","american"] The expected output is for example, I selected american, then I see american in nationality dropdown field when I'm editing client form. But the actual result is the first element from the dropdown is always selected, english in this case. I need to access the selected value from dropdown when I'm editing the client form. This is my code: componentWillReceiveProps = nextProps => { // Load

问题 I have a React component export class Login extends Component { ..omitted for clarity } export default connect(select, actions)(Login); And as can be seen it connects to Redux and it works perfectly well I have Redux Form as export class ChangePassword extends Component { ..omitted for clarity } export default reduxForm({ form: 'change_password_form', validate })(ChangePassword); Again this is working perfectly well. My question is , I can't work out the syntax to have the Redux form also to