Looking to create a webpage featuring an extensive checklist of 100 items that can be retrieved from and updated in a Firestore document.
Here is my current strategy:
// Here, we define states that store the checkbox values
const [checkA, setCheckA] = useState(false);
...
...// This process is repeated for all 100 states
// Storing data in Firestore
firestore()..
.set({
checkA: checkA
... // Includes 100 key-value pairs
})
// JSX component rendering
return(
<checklist
label= 'checkA'
/>
<checklist
label= 'checkB'
/>
... // Repeating this step for all 100 components
)
Is there a more efficient and less tedious method to achieve this task?