Использование NavLink или Link вместо href в ReactJs - PullRequest
Новая
       8

Использование NavLink или Link вместо href в ReactJs

0 голосов
/ 04 февраля 2020

Я пытаюсь использовать NavLink или Link внутри Dropdown компонента из библиотеки "а-

говорит, что используйте href

<Dropdown.Item href="#/action-3">Something else</Dropdown.Item>

если я использую href вместо (Link или NavLink), он работает нормально, но вся страница (включая верхний и нижний колонтитулы) обновляется, когда ссылка нажата, я не хочу обновлять sh всю страницу, должна обновляться только необходимая часть (область тела)

мой код выглядит следующим образом 

            <DropdownButton id="IdAbout" className="DropDownStyle" title="About" variant="none">
              <Dropdown.Item className="LinksStyle">
                <NavLink to="/">The Organisation</NavLink>
              </Dropdown.Item>
              <Dropdown.Item className="LinksStyle">
                <NavLink to="/">Our Message</NavLink>
              </Dropdown.Item>
            </DropdownButton>

и я получить это предупреждение в консоли.

Предупреждение: validateDOMNesting (...): не может отображаться как потомок.

Есть ли способ использовать ссылку вместо href. Это ошибка появляется

1 Ответ

0 голосов
/ 04 февраля 2020

Я предлагаю вам попробовать это 

npm install react-router-bootstrap --save
...