react-final-form-arrays icon indicating copy to clipboard operation
react-final-form-arrays copied to clipboard

Published 20 hours ago • verified publisher icon final-form

Conditionally-rendered FieldArray does not render children if fields.push() is called on initialise

Open jvke opened this issue 5 years ago • 4 comments

Are you submitting a bug report or a feature request?

Bug report

What is the current behavior?

Conditionally-rendered FieldArrays do not re-render when fields.push() is called manually.

https://codesandbox.io/s/react-final-form-field-arrays-28hnd/

What is the expected behavior?

fields.push() should result in fields prop changing, and a re-render occurring.

Sandbox Link

Type in the Company field to render the FieldArray. Delete what you typed, and type something again, and it will work as it should. https://codesandbox.io/s/react-final-form-field-arrays-28hnd/

What's your environment?

Final Form 4.18.6 Final Form Arrays 3.0.2 React Final Form 6.3.3 React Final Form Arrays 3.1.1

jvke avatar Dec 18 '19 03:12 jvke

Has anyone figured out a workaround for this issue?

Hyokune avatar Nov 09 '20 20:11 Hyokune

This issue exist already a whole year and still there is no fix for that?

I really do not want to go back to redux-form where FieldArray works fine =(

ViktorAksionov avatar Dec 23 '20 07:12 ViktorAksionov

Has anyone figured out a workaround for this issue?

The only way right now to fix it is to call fields.push() in setTimeout but that is dirty hack.

ViktorAksionov avatar Dec 23 '20 07:12 ViktorAksionov

Damn.

kyleroberthammond avatar Sep 08 '23 08:09 kyleroberthammond