Question

我的一个路线组件不起作用。我在App组件中定义了我的路由，如下所示：

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;

这是我的应用程序中的位置，我链接到我的注册组件。

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;

所有其他路由的定义在同一个App组件中工作得很像我想要的。我试着理解为什么这条路线不起作用？

<Route path='/register' component={ Register } />

你有什么想法吗？

我快点了另外的exmplaines ..我只有Link元素和相关的路由元素有问题。

<Link to="/register" >Nie masz konta, załóż tutaj</Link>

其余所有路线都有效：）

路由不起作用，react-router v4

0 个答案: