How to add class on first record in array using Reactjs

Question

I am working in Reactjs and using Nextjs,I am trying to add class(active) on "first id"/array first record (fetching from db) but right now working with statically "where id=1" instead of First record,How can i do this ? in other words i want to add active on "first record(in array)" not "where id=1", I tried with following code

{this.state.trending.map((post, index) => {
      return (
                <>
                <div className={`carousel-item ${post.id == 1 ? 'active' : ''}`}>
            )
       })}

why don't you use index instead of post.id , like this : <div className={carousel-item ${index == 0 ? 'active' : ''}}> — Ali Sattarzadeh
– Ali Sattarzadeh, Commented Nov 18, 2022 at 11:39

AbsoluteZero · Accepted Answer · 2022-11-18 11:40:21Z

0

Use index instead of post.id. Compare it to 0 instead of 1 and you should be just fine.

this.state.trending.map((post, index) => (
  <div className={`carousel-item ${index === 0 ? 'active' : ''}`}>
)

answered Nov 18, 2022 at 11:40

AbsoluteZero

3912 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Saqib Ali · Accepted Answer · 2022-11-18 11:57:06Z

0

Try this

this.state.trending.map((post, index) => (
  <div className={"carousel-item"+((index == 0)? 'active':'')}>
)

answered Nov 18, 2022 at 11:57

Saqib Ali

292 bronze badges

Collectives™ on Stack Overflow

How to add class on first record in array using Reactjs

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related