Estoy desarrollando un clon de Amazon viendo un tutorial. Creé un componente de subtotal donde se usa el formato importado y de moneda reactiva. dentro de la etiqueta de formato de moneda, he creado una función de flecha y he agregado algunas etiquetas html. estas etiquetas html no se muestran en el navegador. El fragmento de código escrito en el componente Subtotal.js
import React from 'react' import './Subtotal.css' import CurrencyFormat from "react-currency-format"; function Subtotal() { return ( <div className='subtotal' > <CurrencyFormat renderText={(value) => ( <> <p> Subtotal (0 items): <strong>0</strong> </p> <small className="subtotal_gift" > <input type="checkbox" /> This order contains gifts </small> </> )} decimalScale={2} value={0} displayType={"Text"} thousandSeparator = {true} prefix={"$"} /> <button>Proceed to checkout</button> </div> ) }
el texto dentro de la etiqueta de párrafo no se muestra en el navegador. pero 0 escrito dentro de la etiqueta de párrafo se muestra dentro de la etiqueta de entrada.
Intente cambiar "Texto" a "texto" (en minúsculas) en la propiedad Tipo de visualización de formato de moneda.