在同一行接受和不接受颜色，为什么？

Question

我有以下代码：

import React from "react";
import ReactDOM from "react-dom";
import * as serviceWorker from "./serviceWorker";
import "./index.css";
import { Route, BrowserRouter as Router, Switch } from "react-router-dom";
import App from "./App";
import Header from "./components/Header";
import Footer from "./components/Footer";

const routing = (
  <Router>
    <React.StrictMode>
      <Header />
      <Switch>
        <Route exact path="/" component={App} />
      </Switch>
      <Footer />
    </React.StrictMode>
  </Router>
);


ReactDOM.render(routing,document.getElementById("root"));



serviceWorker.unregister();

文本装饰在第一个链接中被接受。 第一个链接是白色的。

但是文本装饰在第二个链接中不起作用并且链接是蓝色的。

为什么？