Estoy obteniendo datos de una API y muestro algunos accesorios de ellos usando el mapeo y quiero cambiar el ancho de acuerdo con el valor de los accesorios.
<h5> <span className="viewcount" ref={boxSize}> {`View Count: ${item.statistics.viewCount}`}</span> </h5>Por ejemplo, este es un accesorio llamado "recuento de vistas" del elemento API, y quiero que el ancho de este componente sea de 200 px cuando el accesorio de recuento de vistas es un número de 200. ¿Cómo puedo lograrlo?
PD: Estoy usando reaccionar.
150 is the default width <h5> <span className="viewcount" ref={boxSize} style={{width: item.statistics.viewCount===200 ? 200: 150}}> {`View Count: ${item.statistics.viewCount}`}</span> </h5> OR if you want to always set the value of viewCount as the width <h5> <span className="viewcount" ref={boxSize} style={{width: item.statistics.viewCount}}> {`View Count: ${item.statistics.viewCount}`}</span> </h5>