0
私は、アクティブなclassNameをnavコンポーネントに渡して現在のページを反映させようとしています。私は明らかにこれを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でインラインスタイルを活用するのはかなり簡単です...スタイル小道具を試しましたか？ – Maxwelll
これについて知りませんでした...それを研究します、ありがとうございます。私のフィドルは私に見せるために修正することができますか？ –
残念ながら私はあなたのフィドルを実行することができませんでした – Maxwelll