href与Link React?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>

第一个链接不起作用，主要是如果链接元素被包装在Div或其他任何东西中，它看起来没有正确地重新加载页面。例如，一些.js文件没有加载，图片在dom中，因此页面无法正常工作。而如果我使用第二个链接，一切都如预期。我看不出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>

此外，如果我将此链接替换为a和href元素，那么这也可以！

我不确定这是否与Css问题有关，如果是，为什么会影响页面重新加载？或者，如果这是React专家看到的简单的东西，并且很容易修复？

Answer 1

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

现在我们将转到您的Point href和Link是不同的东西，因为href是使用html默认javascript的html属性，或者您可以说核心javascript，但Link意味着您正在跟踪某个东西，或者我们可以说使用您自己的javascript管理某个东西。请参阅注意一件事，当你使用href时，你的页面会刷新，而当你使用链接时，它不会刷新你的整个Dom。这取决于你的编码，但当你使用react时，你需要使用链接进行更好的练习。它还将提高web应用程序的质量。