I am working with nextjs and i am trying to fetch list of images,I want to add class(using if else condition) I want for even post i want to add className "mt10"
Here is my code
{this.state.books.map((book, index) => {
const isEven = index % 2 === 0
console.log('data is '+ isEven);
return
(
<div className="col-md-4 {isEven } forbcol">
<div className="bookimg">
<img src="img/forbes.png" />
</div>
</div>
)
})}
{this.state.books.map((book, index) => {
return
(
<div className={`col-md-4 ${index % 2 === 0 ? 'mt10' : '' } forbcol`}>
<div className="bookimg">
<img src="img/forbes.png" />
</div>
</div>
)
})}
{this.state.books.map((book, index) => {
const isEven = index % 2 === 0
console.log('data is '+ isEven);
const style = {`col-md-4 ${isEven } forbcol`}
return
(
<div className={style}>
<div className="bookimg">
<img src="img/forbes.png" />
</div>
</div>
)
})}