React input checkbox select all component

Question

I\'m trying to build a proper react input checkbox select all component. The idea is that there is a component and

Answer 1

I came across to this thread very late. Below solution works for me with below structure.

There are 3 components which makes this feature clean and reusable.

1. CheckBox - Reusable Component
2. CheckBoxList - Reusable Component
3. CityList - End level where you can create states list or any list by cloning this.

Stack Blitz with Module - https://stackblitz.com/edit/react-check-box-list

Standlone Code is below