我的 App.jsx：
<Router>
<div className="container">
<Routes>
<Route path="/about" element={<About />}> <About /> </Route>
<Route path="/" element={<TextForm />}>
<TextForm showAlert={showAlert} heading="Enter The Text." mode={mode}/>
</Route>
</Routes>
</div>
</Router>
My Navbar.jsx, I'm thrown an error at {props.about.Text}...:
<li className="nav-item">
<Link className="nav-link active" aria-current="page" to="/">
Home
</Link>
</li>
<li className="nav-item">
<Link className="nav-link" to="/about">
{props.about.Text}
</Link>
</li>
我試圖使用反應路由器在我的主頁和關于頁面組件之間切換！！現在我的 chrome 開發工具控制臺充滿了錯誤！！
uj5u.com熱心網友回復：
在 App.js 中，您使用帶有不正確道具的 Navbar 組件。
<Navbar mode={mode} toggleMode={toggleMode} about={{text: "Your text here"}}/>
在導航欄中，將物件欄位更改為小寫。
<Link className="nav-link" to="/about">
{props.about.text}
</Link>
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/537846.html