导航至导航栏中其他按钮的按钮具体化

Question

我想在实现的导航栏中插入按钮以导航到其他页面。如何创建一个可以帮助我打开另一个页面的按钮。我使用了react-router的“链接到”，但是它不起作用。非常感谢您的回复

import { Link } from "react-router-dom";  

<nav>
        <div class="nav-wrapper blue lighten-2">
          <a class="brand-logo left">
            <img scr="/images/logo_small.png"></img>
          </a>
          <ul id="nav-mobile" class="right hide-on-med-and-down">
            <li>
              <a href="teechrworks.html">How teechr works?</a>
            </li>
            <li>
              <a href="aboutus.html">About us</a>
            </li>
            <ul>
              <li>
                <Link to="/chooseachatbottype">Get started!</Link>
              </li>
            </ul>
            <Link style={navStyle} to="/createquiz1">
              <li>Create your quizbot!</li>
            </Link>
            <li>
              <a href="signin.html" a class="waves-effect waves-light btn">
                Sign in
              </a>
            </li>
          </ul>
        </div>
      </nav>
```

Answer 1

通过target =“ __ blank”的道具应该像在Standart HTML中一样工作。

Answer 2

我只是试图清理您的代码，因为Link元素外部有一个li。这应该工作：