Estoy usando React para una página web. En un componente, tengo un div a la izquierda y una imagen a la derecha.
Me gustaría que se alternaran dependiendo de si su id es par o impar.
function Item({ title, text, link, img,id }) { return ( <div > <div> <h3> {title} </h3> <p>{text}</p> <a href={link}> text </a> </div> <img src={img} alt={title} /> </div> ); }Convierta el div en un componente y renderícelos condicionalmente en el orden que desee:
function Item(props) { return ( props.id % 2 == 0 ? <div > <Div {...props} /> <img src={img} alt={title} /> </div> : <div > <img src={img} alt={title} /> <Div {...props} /> </div> ); } const Div = ({ title, text, link }) => ( <div> <h3> {title} </h3> <p>{text}</p> <a href={link}> text </a> </div> )