Breaking News: Grepper is joining You.com. Read the official announcement!

elements render in map change style react

Sakar Hamasaeed answered on January 18, 2023 Popularity 5/10 Helpfulness 7/10

answer elements render in map change style react

elements render in map change style react

Comment

const [selectedIndex, setSelectedIndex] = useState('')

 <div>
    {mediumNames.map((text, index,) => (

    <Card style={{ border: index === selectedIndex ? '2px solid #00adb5' : 'none'}} onClick={() => setSelectedIndex(index)} >
        <div >
            <img className={classes.imginCardBoard} src={TNlogo}></img>
                <Typography className={classes.textinCardBoard} > { text} </Typography>
        </div>
    </Card>
    ))}
</div>

Popularity 5/10 Helpfulness 7/10 Language javascript

Source: stackoverflow.com

Tags: elements javascript map render

Link to this answer
Share Copy Link