Question

import React from "react";
import ReactDOM from "react-dom";

import { BrowserRouter as Router, Link } from "react-router-dom";

function App() {
  return (
    <div className="App">
      <Router>
        <Link
          hreflang={"en"}
          to={
            "https://www.youtube.com/watch?v=mmCnQDUSO4I&list=RDmmCnQDUSO4I&start_radio=1"
          }
        >
          {"Dmitri Shostakovich"}
        </Link>
      </Router>
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

我是React和React路由器的新手。在控制台中，我收到此警告。

警告：无效的DOM属性hreflang。您是说hrefLang吗？

第二，该链接对我不起作用。

Answer 1

这是因为jsx中的html属性位于camelCase中。要了解更多信息，read。将hreflang属性更改为hrefLang。thread_group_max group(num_threads); for(std::size_t i = 0; i < jobs.size(); ++i) group.create_thread(boost::bind(&my_run_job_function, boost::ref(job[i]))); group.join_all();是路由器感知锚，如果您想链接到外部站点，请使用<Link/>。

<a/>

Answer 2

对pascalCase进行工作。使用内部导航时，最好使用Link。当您定位外部链接时，应使用锚标记，即<a>，并添加target="_blank"以改善效果。

只需更改

<Link
      hreflang={"en"}
      to={
        "https://www.youtube.com/watch?v=mmCnQDUSO4I&list=RDmmCnQDUSO4I&start_radio=1"
      }
    >
      {"Dmitri Shostakovich"}
    </Link>

到

<a
      target="_blank"
      hrefLang={'en'}
      href={
        'https://www.youtube.com/watch?v=mmCnQDUSO4I&list=RDmmCnQDUSO4I&start_radio=1'
      }
    >
      {'Dmitri Shostakovich'}
    </a>

Demo

当我在链接中使用`hreflang属性时，会收到警告

2 个答案: