如果location ='test',我想应用'side-nav-selected'样式
const location = 'test';
...
<div className='side-nav--item {if location === 'test' && side-nav--selected'}>Test</div>
<div className='side-nav--item {if location === 'left' && side-nav--selected'}>Left</div>
我得到的错误是Parsing error: Identifier expected
答案 0 :(得分:2)
<div className={`side-nav--item ${second === 'test' && 'side-nav--selected'}`}>...</div>
<div className={`side-nav--item ${second === 'left' && 'side-nav--selected'}`}>...</div>
使用三元运算符
<div className={`side-nav--item ${second === 'test' ? 'side-nav--selected' : '' }`}>...</div>
<div className={`side-nav--item ${second === 'left' ? 'side-nav--selected' : '' }`}>...</div>