Busqué pero no pude encontrar la información, espero que alguien experimentado con Shopify (o tal vez cualquier marco que use un lenguaje de plantillas en realidad, supongo que sería lo mismo con Twig) y React pueda ayudarme. Estoy tratando de escribir un componente React que simplemente devolverá los nombres de mi producto.

Así es como se ve la función de renderizado de mi componente:

 render() { return <div className="full-width"> { this.props.products.map((product, i) => { return( '{{ all_products["'+ product +'"].title }}' ) }) } </div> }

Cuando lo hago así, el código líquido no se interpreta y {{ all_products["product-n1"].title }} se muestra directamente en el HTML. ¿Alguna idea sobre cómo podría hacer que se interprete la parte líquida? Muchas gracias de antemano si me pueden ayudar.