Нужно ли передавать объект сокета между файлами клиента?

Question

[FeelsGoodMan]

В качестве первоначальной страницы у меня рендерится комп. авторизации, в нем подключение к серверу и создание сокета. По нажатию например на кнопку зарегистрироваться, через Link я попадаю на рендер комп. регистрации. Как правильно передать через to={...} ссылку на сокет и в файле регистрации или чата получить её? Либо нужно создавать сокеты для всех файлов отдельно? хотя какой в этом смысл.

Join.js

export default function SignIn() {

  const ENDPOINT = 'localhost:5000';
  let socket = io(ENDPOINT);

  return (
        <Link onClick={authorize} to={`/chat?name=${name}`}>
          <button className={'button mt-20'} type="submit">Sign In</button>
        </Link>
        <Link  to={`/registration`}>
          <button className={'button mt-20'} type="submit" >Sign Up</button>
        </Link>
  
  );
}

App.js

const App = () => {
  return (
    <Router>
      <Route path="/" exact component={Join} />
      <Route path="/chat" component={Chat} />
      <Route path="/registration" component={Registration} />
    </Router>
  );
}

Answer 1

[alex kapustsin]

Можно поднять socket на уровень App и передавать роутам либо компонентам в роутах.