Tengo un componente funcional principal de ReactJS que genera 6 componentes secundarios a través de accesorios. A través de una ruta API de NextJS , puedo representar cada documento de FaunaDB en cada componente secundario. Uno de los accesorios es un "conteo de me gusta".
El problema es que no sé cómo escribir una ruta API que permita que el botón del corazón en cada componente actualice solo el conteo de Me gusta de ese componente, si se hace clic. El motivo de mi dificultad es que la API de actualización generalmente requiere una referencia de documento, pero dado que hay 6 documentos (uno para cada componente secundario), eso significaría 6 rutas API, lo cual es ineficiente.
Lo que quiero es una API para actualizar el recuento de Me gusta, independientemente del componente secundario con el que interactúe y el 'recuento de Me gusta incrementado' mediante un clic.
Una opción es crear un nuevo documento, que almacene el recuento de Me gusta para cada artículo por índice y lo represente en los componentes principal y secundario. Luego, se puede hacer referencia a esta colección a través del front-end de NextJS . Pero no estoy seguro de cómo representar condicionalmente los datos de FaunaDB para que se muestre el recuento similar en primer lugar.
Otra opción es crear un Índice a partir de la Colección del documento, pero no estoy seguro de cómo hacer referencia a un Índice desde el front-end.
Creo que la solución correcta podría mapear una matriz de valores y simplemente cambiar el valor particular en cuestión cuando el usuario hace clic. Pero nuevamente, no estoy seguro de cómo puede renderizar selectivamente una matriz FaunaDB en el front-end NextJS / React en primer lugar.
No me importa volver a escribir los db de la base de datos (manualmente) ya que, para empezar, es un conjunto de datos pequeño.