Reactjs 如何禁用菜单中的链接组件之一？

对不起，如果标题没有清楚地表达我的问题

<div className={"floated left column header-items " + this.props.active}>
  <Link onClick={this.headerItemClicked.bind(this)} className='home' to="/home" style={comStyles().headerItem}>Home</Link>
  <Link onClick={this.headerItemClicked.bind(this)} className='setting' to="/setting" style={comStyles().headerItem}>Setting</Link>
</div>

---

我喜欢CSS

指针事件

方式。 首先，您不应该硬编码

链接

，而是创建数组，然后将其循环以渲染

链接

那么您的组件应该类似于：

const路由=[
{
姓名：'家'，
路径：'/home'
},
{
姓名：'关于'，
路径：'/about'
}];
const listOfLink=routes.map（（route）=>(
{route.name}
)；

我喜欢CSS

指针事件的方式。
首先，您不应该硬编码
链接
，而是创建数组，然后将其循环以渲染
链接

那么您的组件应该类似于：


const路由=[
{
姓名：'家'，
路径：'/home'
},
{
姓名：'关于'，
路径：'/about'
}];
const listOfLink=routes.map（（route）=>(
{route.name}
)
很抱歉，我是js新手。我可以用括号将上面的代码包装起来，然后替换硬代码吗？当我做soah my bad时会显示错误。修复了它。很抱歉，我是js新手。我可以用括号将上面的代码包装起来，然后替换硬代码吗？当我做soah my bad时会显示错误。修复了它。
   headerItemClicked(e){
        if(e.target.className == this.props.active){
          e.preventDefault();
        }    
    }