小编Dar*_*ler的帖子

我是 React 新手，所以我不太清楚为什么会发生这种情况。使用 React Router，我有三个路由，/、/signup和/login，并且每个组件中 css 的导入会溢出到其他组件的 css 中，从而破坏了样式。在这种情况下，div 元素不是word每个组件的 css 中描述的颜色，而是全部显示为绿色，这应该只发生在 Signup 组件中。我可以做什么来解决这个问题？

应用程序.js

import HomePage from './pages/HomePage/HomePage'
import LoginPage from './pages/LoginPage/LoginPage'
import SignupPage from './pages/SignupPage/SignupPage'
import  {BrowserRouter as Router, Switch, Route} from 'react-router-dom'

function App() {
    return (
      <Router>
        <Switch>
          <Route path="/" exact component={HomePage}/> 
          <Route path="/signup" component={SignupPage}/>
          <Route path="/login" component={HomePage}/>
        </Switch>
      </Router>
    )
}

export default App;

登录页面.js

import { React } from 'react'
import "./LoginPage.css"

export default function LoginPage(){ …

这可能是重复的，但我找不到适合我的特定用例的答案。npx create-react-app app我使用根目录中的 .env 文件创建了一个 React 应用程序。将“REACT_APP”附加到我的变量不会在 下注册process.env，唯一注册的变量是FAST_REFRESH: true、NODE_ENV: "development"、PUBLIC_URL: ""、WDS_SOCKET_HOST: undefined、WDS_SOCKET_PATH: undefined和WDS_SOCKET_PORT: undefined。如何访问 .env 文件中的环境变量？

这是我的变量：

REACT_APP_SERVICE_ID="service"
REACT_APP_TEMPLATE_ID="template"
REACT_APP_VAR="show"

我刚开始在较小的项目中使用 chi，我很好奇这里是如何处理静态文件服务的。完成它的最短方法是什么？

这是我尝试的文件服务

fs := http.FileServer(http.Dir("static"))
router.Handle("/static", http.StripPrefix("/static/", fs))

但是，这不起作用，所以我直接从他们的 repo 中尝试了这个例子：

func fileServer(r chi.Router, serverRoute string, pathToStaticFolder http.FileSystem) {
    if strings.ContainsAny(serverRoute, "{}*") {
        panic("FileServer does not permit any URL parameters.")
    }

    if serverRoute != "/" && serverRoute[len(serverRoute)-1] != '/' {
        r.Get(serverRoute, http.RedirectHandler(serverRoute+"/", 301).ServeHTTP)
        serverRoute += "/"
    }
    serverRoute += "*"

    r.Get(serverRoute, func(w http.ResponseWriter, r *http.Request) {
        rctx := chi.RouteContext(r.Context())
        serverRoutePrefix := strings.TrimSuffix(rctx.RoutePattern(), "/*")
        fs := http.StripPrefix(serverRoutePrefix, http.FileServer(pathToStaticFolder))
        fs.ServeHTTP(w, r)
    })
}

dir, _ := os.Getwd()
filesDir := http.Dir(filepath.Join(dir, "static")) …

我很难将我的 netlify 徽章集中在自述文件中，使用p“中心”对齐的标签似乎不起作用。正确的方法是什么？

这是我到目前为止的代码：

<p align="center">
    
[![Netlify Status](https://api.netlify.com/api/v1/badges/bc438b2e-9f12-4bbe-987e-d36fcef20a2f/deploy-status)](https://app.netlify.com/sites/darienmiller/deploys)
</p>