Я новичок в React JS и хотел бы разработать навигацию, основанная на взаимодействии с маршрутизатором, для моей панели мониторинга. Макет выглядит следующим образом:
Мой код app.js, который я создал для проверки маршрутизации, выглядит следующим образом:
import React from 'react'
import { render } from 'react-dom'
import { Router, Route, Link } from 'react-router'
import Login from './components/Login.js';
const App = React.createClass({
render() {
return (
<div>
<h1>App</h1>
<ul>
<li><Link to="/login">Login</Link></li>
<li><Link to="/inbox">Inbox</Link></li>
</ul>
{this.props.children}
</div>
)
}
})
render((
<li>
<Router>
<Route path="/" component={App}>
<Route path="login" component={Login} />
</Route>
</Router>
</li>
), document.getElementById('placeholder'))
Как создать навигацию, как показано в макете?