Измените тег на ссылку в выпадающем меню реагировать на загрузку

Question

- решено -

Элемент раскрывающегося списка реагирует при начальной загрузке отображается как тег 'a', но это приводит к перезагрузке всей моей страницы, когда я нажимаю на элемент. Есть ли способ, которым я могу отключить это для тега Link отact-router-dom?

Это то, что я сейчас делаю,

<Dropdown>
    <Dropdown.Toggle ...someAttrs...>
        <FontAwesome name='bars' size='2x' />=
    </Dropdown.Toggle>
    <Dropdown.Menu alignRight ..someAttrs...>
        <Dropdown.Item eventKey={1} className={'headerMenuLinks'}>
            <Link to={'/user/home'}>
                <h3>Home></h3>
            </Link>
        </Dropdown.Item>
    <Dropdown.Menu>
</Dropdown>

отредактировано, чтобы показать больше выпадающихсхема. Также для выяснения другой части проблемы есть сообщение об ошибке консоли, которое я получаю при выполнении <Link> внутри <Dropdown.Item>

Warning: validateDOMNesting(...): <a> cannot appear as a descendant of <a>.

response-bootstrap: 1.0.0-beta.12
response-router-dom: 5.0.1
реаги: 16.9.0

Исправлено

<Dropdown.Item as={Link} eventKey={"2"} to={browseUrl} className={'Header-headerMenuLinks'}>
   <h3>Message</h3>
</Dropdown.Item>

Добавление в as={Link}, затем переключение атрибута href на toисправляет эту проблему.

Answer 1

<Dropdown.Item as={Link} eventKey={"2"} to={browseUrl} className={'Header-headerMenuLinks'}>
   <h3>Message</h3>
</Dropdown.Item>

Исправлено: Добавление в as = {Link}, а затем переключение атрибута href на to устраняет эту проблему.