Question

我是React并尝试将“活动”className传递给导航组件以反映当前页面的noobie。我显然可以使用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')
);

Answer 1

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

将“活动”类传递给菜单组件

1 个答案: