Невозможно отобразить новый компонент при изменении ссылки - PullRequest
Новая
       131

Невозможно отобразить новый компонент при изменении ссылки

0 голосов
/ 09 мая 2020

На самом деле, когда человек нажимает кнопку «Войти», ссылка меняется, но компонент на этой странице не отображает

Приложение. js

import { BrowserRouter as Switch, Route } from 'react-router-dom';

const App = () => (
  <Switch>
      <Route path="/" exact component={Join} />
      <Route path="/call" exact component={Call} />

  </Switch>
);

export default App;

Присоединиться. js 


        return (
            <div className="container">
                <div><input id="room" placeholder="room name" onChange={(event)=>setRoom(event.target.value)}></input></div>
                <BrowserRouter>
                <Link onClick={event => (!room) ? event.preventDefault() : null} to={`/call?room=${room}`}>
                  <button className="button mt-20" type="submit" onClick={run}>Sign In</button>
                </Link>
                </BrowserRouter>
            </div>
        );
    }


export default Join;

Позвоните. js


const Call = () => {

        return (
            <div>
                <h1>jhjcjc</h1>
            </div>
        );

}

export default Call;

Просмотрите эту ошибку, с которой сталкиваются многие разработчики.

1 Ответ

1 голос
/ 09 мая 2020

В вашем компоненте Join нет необходимости заключать Link в BrowserRouter. Посмотрите рабочую демонстрацию здесь .

...