/Javascript/React/Add condition inside a className in reactjs

Add condition inside a className in reactjs

React conditional classname

<div className={`banner ${active ? "active" : ""}`}>{children}</div>

8

Conditional classname prop react

<span className={todo.completed ? "true" : ""}>

2

Add condition inside a className in reactjs

className={`banner ${active ? "active" : ""}`}

1

Similar codes

1 vote121 views1 answer
Spread operator react array
Javascript React
1 vote133 views1 answer
New line in p tag react
Javascript React
0 vote144 views1 answer
React native fetch response code
Javascript React
0 vote125 views1 answer
Install aos in react
Javascript React
2 votes137 views1 answer
React native open email client
Javascript React
0 vote137 views1 answer
Reactjs web3 components
Javascript React
1 vote114 views1 answer
How to change the tab text in React
Javascript React
1 vote137 views1 answer
UseScreens() react native
Javascript React
1 vote112 views1 answer
How to pass function as a props in react in functional components
Javascript React
1 vote126 views1 answer
Interpolation react
Javascript React

Share