Hola mi problema es que tengo dos componentes; un componente de lista y un componente de elemento de lista. Este componente de elemento de lista tiene una casilla de verificación. Estoy creando una lista a partir de estas tarjetas que he diseñado y pongo este componente de lista dentro de una página. A continuación se muestra una imagen que describe lo que estoy tratando de hacer. Quiero tener una opción para seleccionar todas las casillas de verificación. El problema es que realmente no sé cómo bajar todos los componentes y marcar sus casillas.

Las tarjetas tienen accesorios para los artículos que tienen. Entonces pensé en poner una propiedad en ellos como "isSelectAll" y si eso es cierto, la casilla de verificación está seleccionada, pero si es falsa, la casilla de verificación contiene su valor independiente.

Pero quería saber si hay alguna forma mejor que esta porque no parece eficiente. ¿Quizás con algún tipo de gancho de reacción?