final-form / final-form/react-final-form

Field Conditional rendering for multiple inner Fields break

Open
#860 2 comments 1 reaction 0 assignees View on GitHub
Dominant language
JavaScript
Stars
7.4k
Forks
497
PR merge metrics
No merged PRs in 30d

Description

### Are you submitting a **bug report** or a **feature request**?
Possibly a bug

### What is the current behavior?
`Field` children render prop, returning two or more inner `Fields` (conditional rendering) behaves unexpectedly in the ui and does not subscribe to corresponding names

### What is the expected behavior?
Conditional `Field` should render and subscribe correct fields
### Sandbox Link
[https://codesandbox.io/s/react-final-form-conditional-fields-forked-dze46?file=/src/index.js
](https://codesandbox.io/s/react-final-form-conditional-fields-forked-dze46?file=/src/index.js
)

https://codesandbox.io/s/react-final-form-conditional-fields-forked-dze46?file=/src/index.js
### What's your environment?

` node: 12.18.3
`
OS: mac
browser: chrome
```
"react-final-form": "^6.3.5",
"final-form": "^4.18.7",
"react": "^16.13.0",
```
### Other information
I have seen the docs example for conditional rendering but still this is a weird bug

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.