href vs Link 反应？ JS 未根据 HTML 标签加载

Question

我试图了解这是一个 REACT 问题还是 css 问题，例如我在 React 组件中有以下代码：

       <div className="left">
        <Link to="/" className="brand">
          <img src={Logo} alt="" />
        </Link>
      </div>

      <div className="right">
        <div className="primary-nav">
          <ul className="navigation">
            <li className="active">
              <Link to="/">Home</Link>
            </li>
          </ul>
        </div>
      </dic>

第一个 link 不起作用，主要是如果 Link 元素被包裹在 Div 或任何其他元素中，看起来它没有正确地重新加载页面。例如。一些 .js 文件未加载，dom 中的图片，因此页面无法正常工作。而如果我使用第二个 link 则一切正常。我没有看到 React 有什么不同，因此在我看来是一个 CSS 问题？

一旦我按照下面的方式包裹了第一个 div 元素，这就奏效了。

      <div className="primary-nav">
        <ul className="left">
          <li>
            <Link to="/index.html" className="brand">
              <img src={Logo} alt="" />
            </Link>
          </li>
        </ul>
      </div>

此外，如果我将此 Link 替换为 a 和 href 元素，那么它也可以工作！

我不确定这是否与 Css 问题相关，如果是，那为什么会影响页面重新加载？或者，如果这是 React 专家看到的直截了当的事情并且很容易修复？

Answer 1

不要将您的 React 代码视为简单的 HTML。其实问题是 React 使用了 JSX 代码。这意味着它与原来的 html 有点不同。是的，最后 React 将 jsx 代码转换为 Html 是真的。但内部反应管理一个 JSX 元素。

现在我们要讲到你的观点 href 和 Link 是不同的东西，因为 href 是 html 属性使用 html 默认值 javascript 或者你可以说核心 javascript 但 Link 表示您正在跟踪某些内容，或者我们可以说使用您自己的 javascript 来管理某些内容。请参阅注意一件事，当您使用 href 时，您的页面将刷新，而当您使用 Link 时，它可能不会刷新您的整个 Dom 取决于您的编码，但是当您正在工作时对于 React，您需要使用 Link 进行更好的练习。它还将提高您的网络应用程序的质量。

href vs Link 反应？ JS 未根据 HTML 标签加载

href vs Link React? JS is not loading based on HTML tags

html

navigation

html-lists

reactjs