Как перенаправить / перейти на новую страницу, сохраняя чат-бот на том же экране?

Question

Я пытался создать чат-бот, основанный на реакции, в том случае, если пользователь нажимает опцию / кнопку в чат-боте, я хочу отобразить компонент вне чат-бота и на той же странице.Я попытался добавить всплывающую функцию, хлебные крошки для боковой навигации, но не смог отобразить ее за пределами чат-бота. Она показывает все внутри нее. Я не хочу обновлять свою страницу.Как я могу сделать это в ReactJS?

Answer 1

Ну, при условии, что у вас есть какая-то клиентская маршрутизация.

Что бы вы ни хотели, кроме чатбота:

function YourApp() {
  <React.Fragment>
    <Chatbot>  // Chatbot should be outside of route changes
    <Router>    
      <Whatever component your route decides to render>
    <Router>
  </React.Fragment>
}

Кроме того, используйте CSS, чтобы расположить своего чат-бота поверх всехвещи.