react-final-form-arrays

问题 I have a form that uses final-form-arrays. The form works and validation works, however, when i make a state change inside the component, it resets all my values. I was able to replicate the issue with the same example that react-final-form-arrays provides: https://codesandbox.io/embed/react-final-form-field-arrays-om6p6 I added a button to toggle a state change. Essentially, just try filling values in the form, and then change the state. The form will reset, and i cant figure out why that is

问题 I have a form which uses react-final-form-array in order to have many "Attendees". I'm wanting each of the Attendee.Email inputs to do a web lookup and then set the Attendee.FirstName and Attendee.Surname based off the result. I'm not sure how this should be expressed with a final-form-calculate decorator. Specifically, I don't know how to reference the individual form item within the array. Here's what I've got as a start: const MyForm = props => { const calculator = createDecorator( { field

问题 I have a form which uses react-final-form-array in order to have many "Attendees". I'm wanting each of the Attendee.Email inputs to do a web lookup and then set the Attendee.FirstName and Attendee.Surname based off the result. I'm not sure how this should be expressed with a final-form-calculate decorator. Specifically, I don't know how to reference the individual form item within the array. Here's what I've got as a start: const MyForm = props => { const calculator = createDecorator( { field

问题 I'm using react-select and react-final-form for conditional dropdowns, where options for the second select are provided by a <PickOptions/> component based on the value of the first select (thanks to this SO answer). Here is the component: /** Changes options and clears field B when field A changes */ const PickOptions = ({ a, b, optionsMap, children }) => { const aField = useField(a, { subscription: { value: 1 } }); const bField = useField(b, { subscription: {} }); const aValue = aField

问题 I am just a newbie to angular. I have create a event component where user enters the event name with packages. When user creates an event it has the functionality for creating multiple packages with add and remove row. For that I have used FormArray . Everything is fine here. But when I am trying to get those values in event edit component I am getting the value of event name but when I am trying to get the packages details I am little bit confused in showing rows with filled values. Here is