En este componente:
const MovieComponent = (props) => { const { Poster, Price, Title, cinemaWorldPrice } = props.movie; return ( <MovieContainer> <CoverImage src={Poster} alt="" /> <MovieName>{Title}</MovieName> <InfoColumn> <MovieInfo>FilmWorld: ${Price}</MovieInfo> <MovieInfo>CinemaWorld: ${cinemaWorldPrice}</MovieInfo> </InfoColumn> </MovieContainer> ); };Quiero escribir una expresión ternaria que cambie el color de fuente de:
<MovieInfo>FilmWorld: ${Price}</MovieInfo> <MovieInfo>CinemaWorld: ${Price}</MovieInfo>Algo básicamente diciendo
if (Filmworld Price > CinemaWorld Price) { Filmworld Price = color: "green"}y viceversa. es posible? ¿Y el código estaría en la sección de información de la película? Esto está en Reaccionar.
Necesitas
${} es solo para literales de plantilla) const MovieComponent = (props) => { const { Poster, Price, Title, cinemaWorldPrice } = props.movie; return ( <MovieContainer> <CoverImage src={Poster} alt="" /> <MovieName>{Title}</MovieName> <InfoColumn> <MovieInfo> FilmWorld: <span style={Price > cinemaWorldPrice ? { color: 'green' } : null}>{Price}</span> </MovieInfo> <MovieInfo> CinemaWorld: <span style={Price < cinemaWorldPrice ? { color: 'green' } : null}>{cinemaWorldPrice}</span> </MovieInfo> </InfoColumn> </MovieContainer> ); };