Один из моих компонентов маршрута не работает.Я определяю свою маршрутизацию в компоненте приложения, как показано ниже:
import React, { Component } from 'react';
...
...
import Register from './Register';
import { BrowserRouter, Route } from 'react-router-dom';
class App extends Component {
render() {
return (
<Provider store={store}>
<BrowserRouter>
<div className="content">
<Header/>
...
<Route path='/signin' component={ Signin } />
<Route path='/register' component={ Register } />
</div>
</BrowserRouter>
</Provider>
);
}
}
export default App;
И это место в моем приложении, где я ссылаюсь на свой компонент Register.
import React, { Component } from 'react';
...
import { Link } from 'react-router-dom';
class SigninView extends Component {
render() {
return(
<main className="main__form">
<div>
<TextField
floatingLabelText="email lub nick"
onChange={this.props.onUpdateInput}
className="main__input"
name="email"
/>
<TextField
floatingLabelText="hasło"
onChange={this.props.onUpdateInput}
type="password"
className="main__input"
name="password"
/>
<FlatButton label="Zaloguj się" backgroundColor="rgb(212, 102, 0)"
style={{marginTop: 25}} className="main__button"/>
<Link to="/register" >Nie masz konta, załóż tutaj</Link>
</div>
</main>
)
}
}
export default SigninView;
Все остальные определения маршрута в одном и том же компоненте приложения работают точно так, как я хочу.Я пытался понять, почему этот маршрут не работает?
<Route path='/register' component={ Register } />
У вас есть идеи?
Я тороплюсь с дополнительными объяснениями ... У меня проблема только с элементом Link,и связанный с ним элемент маршрута.
<Link to="/register" >Nie masz konta, załóż tutaj</Link>
Остальная часть всех маршрутов работает greate:)