react-final-form-arrays
react-final-form-arrays copied to clipboard
final-form
Remove empty item?
Field component has the parse prop that allows authors to change the value before storage. That being said, FieldArray does not have the same prop and makes it difficult to parse out empty items. This will need to be done after submitting which is not ideal.
Thoughts or ideas?
Can you describe your use case further? If an array field becomes empty, i.e. '', it should be removed from the array?
@erikras that's correct. If, for whatever reason, the user adds another input but does not add any content, the array will be ['Something new', 'another thing', '']. Ideally, we can parse out the empty string element.
See:
What does your code look like? Are you doing whatToBringArray.map in the render method? If so, you could do whatToBringArray.filter(...).map and also onsubmit you can filter the empty ones out
@wespickett when we map through the array of fields we need to show empty results in order to give ability to a user to fill an input.
@erikras +1 I'd like to have simpler and accurate solution rather then filter empty results in submit handler. It would be great to encapsulate array-related logic inside an array-fields component and have ability to parse the result before it reaches the submit handler. But at the same time it should be visible as empty on UI for the user.
I'm currently building a mechanism to always ensure there's an empty final element in the array (to render an empty text area without the need for an "add" button). This request would make such a requirement trivial.
