阅读路线布局后，我想用布局包装路线的一些元素，但让其他元素没有布局。
这是示例：
应用程序.jsx
import React from 'react';
import { Routes, BrowserRouter, Route } from 'react-router-dom';
export default function App() {
return (
<div>
<BrowserRouter>
<Routes>
<Route path="/" element={<p>Home</p>} />
<Route element={<div style={{ background: 'red' }} />}>
<Route path="/login" element={<p>Login</p>} />
</Route>
</Routes>
</BrowserRouter>
</div>
);
当我转到时，/我可以看到文本“Home”，它没有布局。
但是，当我不进行/login任何渲染时，它应该渲染包裹文本“登录”的红色背景布局。
这是一个实时代码沙箱： https://stackblitz.com/edit/github-hwpla5 ?devtoolsheight=33&file=src/App.jsx
我做错了什么？
谢谢
我一直在谷歌搜索这个，尝试来自不同来源的不同方法......但它不起作用。
我想用我的个人资料（用“git config --global user.email ...”定义）推送提交，除非我在我的工作文件夹中。
我的 .gitconfig 的内容位于 C:/Users/my-user/
[user]
name = Personal
email = personal@personal.com
[includeIf "gitdir: F:/Work/CompanyName/"]
path = F:/Work/CompanyName/.gitconfig-work
我的 .gitconfig-work 的内容位于 F:/Work/CompanyName/
[user]
name = Work
email = work@work.com
当我从位于以下位置的工作转到克隆存储库时：
F:/Work/CompanyName/Project
我用：
git config --show-origin --get user.email
它显示：
file:C:/Users/<my-user>/.gitconfig
而不是我定义的工作路线。
谢谢你的帮助。