Описание тега react-router-bootstrap

Этот тег предназначен для ссылки на проблемы, связанные с компонентом React Router Bootstrap, который подключается к элементам навигации React Router и React Bootstrap.
1 ответ

Реактивный компонент визуализируется при реактивной начальной загрузке Navbar

Я новичок, чтобы реагировать, и я пытаюсь реализовать Navbar, используя React-bootstrap, который будет перенаправлять на другую страницу без обновления браузера. Чтобы остановить обновление страницы, я использую компонент LinkContainer Reaction-rout…
2 ответа

SO active-router-bootstrap активная ссылка не работает должным образом

У меня проблема с активным соединением с использованием компонентов act -router-bootstrap ( https://www.npmjs.com/package/react-router-bootstrap). Когда я перехожу к пункту " О программе", активный класс появляется не только в разделе "О программе",…
1 ответ

Nav не рушится, когда NavItem выбран на мобильных устройствах

Я строю навигационную панель, которая, как ожидается, будет реагировать при переключении на мобильные устройства. Другими словами, сворачивание, когда мобильно, затем, когда навигационные элементы выбраны / нажаты, это должно направить к пути и свер…
0 ответов

Используя ReactRouter 4 и response-router-bootstrap, как мне получить Link, чтобы видеть / и /au как одну и ту же страницу?

Мой сайт имеет несколько разные целевые страницы, в зависимости от того, находится ли пользователь в Австралии или где-либо еще. Если они находятся в АС, они перенаправляются на /auиначе они приземляются на / В моем NavBar home ссылка подсвечивается…
1 ответ

Удалить активный класс из LinkContainer

В моем приложении реакции у меня есть кнопки для входа и выхода. Выход из системы не имеет большого значения, потому что он никогда не становится активным. При использовании LinkContainer (что здорово) он добавит активный класс active когда этот мар…
1 ответ

Тест не пройден при использовании LinkContainer из реакции-маршрутизатора-начальной загрузки

Поэтому я делаю приложение ReactJS, которое включает в себя реагирующий ремень, реагирующий маршрутизатор и реагирующий маршрутизатор-загрузчик. Проблема заключается в том, что при тестировании компонентов, которые содержат LinkContainer, возникает …
0 ответов

Реагировать на приложение - контекст `router` помечен как обязательный в LinkContainer, но его значение равно undefined

При попытке запустить приложение React я получаю эту ошибку в браузере: TypeError: Cannot read property 'history' of undefined LinkContainer.js var href = this.context.router.history.createHref(typeof to === 'string' ? { Консоль показывает эту ошибк…
0 ответов

LinkContainer дважды устанавливает активный класс, а активный класс не удаляется при нажатии на ссылку бренда.

Я использую React Bootstrap с реакции-маршрутизатором для реализации функциональности навигационной панели. Ниже я предоставляю код для того же. Маршруты <Switch> <Route exact path="/" component={Home}/> <Route exact path="/categoryTy…
1 ответ

Создание цвета фона NavItem таким же, как у NavBar

Я хочу, чтобы мой navitem выглядел так, как показано ниже, при нажатии или отсутствии нажатия: Однако при нажатии это выглядит так: Я пробовал многочисленные способы реализации свойств css тега navitem, чтобы получить фон, похожий на его панель нави…
1 ответ

React Bootsrap Nav устанавливает активный LinkContainer на Nav Loaded

У меня есть компонент с Nav на левой стороне и другой контент на правой стороне. Когда компонент "MyBookingsOverview" загружен, я хотел бы установить первый NavItem как активный и перенаправить на этот маршрут. Я еще не смог найти способ. У кого-ниб…
0 ответов

Два активных тега <LinkContainer> одновременно

Я использую &lt;LinkContainer&gt;для моего &lt;NavDropdown.Item&gt;и боковой навигации со стандартными тегами. Проблема возникает, когда я нажимаю на нормальный &lt;Link&gt; теги, Linkcontainer следует и устанавливает, что Linkcontainer активен, но …
0 ответов

this.context.router не определен

У меня есть этот код: render() { return ( &lt;BrowserRouter&gt; &lt;React.Fragment&gt; &lt;Navbar inverse collapseOnSelect&gt; &lt;Nav className='float_right'&gt; &lt;React.Fragment&gt; &lt;LinkContainer to='/about'&gt; &lt;NavItem&gt; About us &lt;…
2 ответа

Возможность сделать запрос с одного сервера на другой - "Ошибка: запрос не выполнен с кодом состояния 401"

Я пытаюсь сделать api req с одного сервера (localhost:3000) на другой сервер (localhost:3001), но получаю ошибку аутентификации 401. Примечание: если я жестко закодирую токен аутентификации, я смогу сделать запрос. Это позволит мне сделать вывод, чт…
24 авг '19 в 02:43
1 ответ

Пункт меню панели навигации React, который открывается в новом окне

В моем приложении React я пытаюсь добавить пункт меню навигации, который открывается в новом окне браузера. Я знаю, что это кажется странным подходом, поскольку это не совсем навигация, если вы попадете в новое окно. Но цель состоит в том, чтобы пун…
28 апр '20 в 21:46
1 ответ

Как избежать хеш-входа в URL-адрес с помощью response-router-dom и response-router-bootstrap?

я использую &lt;Route /&gt; из react-router-dom для маршрутизации и Nav + LinkContainer из react-bootstrap + react-router-bootstrap для навигации: //... &lt;Route path="/shop/" component={Shop} /&gt; //... &lt;NavItem caption="Home" path="/" /&gt; &…
0 ответов

Проблема с LinkContainer в React-Bootstrap

У меня следующая проблема. Я создаю приложение для реагирования и хочу использовать LinkContainers внутри моей панели навигации, но проблема в том, что когда я использую их вот так: Я получаю следующую ошибку: «Ошибка: не удалось выполнить инвариант…
1 ответ

При создании панели навигации я получаю эту ошибку Тип элемента недействителен: ожидается строка (для встроенных компонентов) или класс / функция для составных компонентов

Я создаю панель навигации для проекта, и в приведенном выше сообщении мне предлагается проверить метод рендеринга в моем компоненте заголовка. Я перепробовал все, что мог придумать, включая просмотр ответов здесь. В частности, я попытался переместит…
1 ответ

URL-адрес React-Router вызывает повторное монтирование компонента (повторная инициализация с использованием useEffect(..), []) при нажатии на ссылку

Я столкнулся с проблемой, также упомянутой здесь, React-Router повторно монтирует компонент при изменении маршрута , но без каких-либо решений. Если у меня есть ссылка, указывающая на URL-адрес, управляемый react-router (или же react-router-bootstra…
1 ответ

navbar реагирует на маршрутизатор с неработающей загрузкой

У меня проблема с реакцией-маршрутизатором-начальной загрузкой, не работающей должным образом, и я не могу понять, почему (она работает над другим проектом) URL-адрес изменяется, когда я нажимаю на значок навигационной панели (например, «localhost:3…
0 ответов

React-Router LinkContainer to={..} не читает переменную состояния

У меня есть следующая переменная состояния, const [searchParams, setSearchParams] = useState(null); Если у меня есть следующая ссылка на него напрямую через href (скажем, из компонента Bootstrap-React Dropdown), я проверяю, что он работает и URL пра…