React 的條件語句中未應用“活動”樣式

Question

當我為我的類名編寫此條件語句時，我的文件拋出了一個錯誤，提示“未定義活動”：

const NavigationItem = (props) => (
<li className='NavigationItem'>
<a href={props.link} 
className={props.active ? active : null}>{props.children}
</a>
</li>)

這就是我編寫組件並傳遞活動的方式：

<NavigationItem link='/' active >Builder</NavigationItem>

我嘗試在 className 聲明中導入類並執行 classes.active，雖然這消除了錯誤，但未應用 active。

Answer 1

const NavigationItem = (props) => (
<li className='NavigationItem'>
<a href={props.link} 
className={props.active ? 'active' : null}>{props.children}
</a>
</li>)

你需要激活字符串：D