分享
三行代码  ›  专栏  ›  技术社区  ›  jibaro

React中的条件语句中未应用“Active”样式

  •  0
  • jibaro  · 技术社区  · 1 周前

    当我为我的类名编写此条件语句时,我的文件抛出一个错误,该错误表示“active”未定义:

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

    这就是我编写组件并传递active的方式:

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

    1 回复  |  直到 1 周前
        1
  •  1
  •   Anh Tuan    1 周前
    const NavigationItem = (props) => (
    <li className='NavigationItem'>
    <a href={props.link} 
    className={props.active ? 'active' : null}>{props.children}
    </a>
    </li>)