反应将“活动”类传递给菜单组件答案

【问题标题】：React passing 'active' class to menu component反应将“活动”类传递给菜单组件
【发布时间】：2016-05-16 16:52:54
【问题描述】：

我是 React 的菜鸟，并试图将“活动”类名传递给导航组件以反映当前页面。我显然可以用 jquery 来解决这个问题，但我正在尝试学习在 React 中执行此操作的“正确”方法。

这是一个无效的FIDDLE，我敢肯定它有很多问题，但它是我想要实现的核心。

//APP

const App = ({ children }) => (
  <div id="app">
    <section id="nav">
        <TopNav />
    </section>
    <main>
      {children || 'Welcome'}
    </main>
  </div>
);

App.propTypes = { children: React.PropTypes.object };

ReactDOM.render(
  (<Router>
    <Route path="/" component={App}>
      <Route path="/pageone" component={PageOne} />
      <Route path="/pagetwo" component={PageTwo} />
    </Route>
  </Router>), document.getElementById('content')
);

【问题讨论】：

利用 React 中的内联样式很容易做到这一点……你试过使用 style 属性吗？
不知道...会研究一下，谢谢。可以（无痛地）修改我的小提琴以向我展示吗？
不幸的是，我无法让你的小提琴运行

标签： reactjs lifecycle

【解决方案1】：

您也可以使用https://github.com/JedWatson/classnames 有条件地加入类名。这将允许您根据事件动态设置样式

【讨论】：