React 頁面不在按鈕單擊時呈現
[英]React Page not rendering on button click
我已經開始在 React js 中做一個項目，我一直在努力思考路由和其他概念，我遇到了路由問題，問題是，當我運行該項目時，主頁上有一個按鈕然后我點擊那個按鈕，它應該是 go 到其他頁面，在我的例子中，當點擊按鈕時，內容出現在主頁的底部。 應用程序.js 登陸頁面.js 滾動.js ./Contai ...
NavLink 組件不允許網站呈現並顯示其中所有元素的奇怪錯誤
[英]NavLink component doesn't let the website render and shows weird errors with all the elements within it
Navbar.jsx 代碼： 錯誤： App.jsx 代碼： 應用程序組件呈現導航欄，而導航欄應該呈現帶有可點擊鏈接的導航欄，這些鏈接將我定向到不同的頁面（/聯系人、/項目等）。 我以前在組件中有一些樣式屬性，然后我認為這可能是原因，但事實並非如此。當使用<a>標簽和 href 屬性 ...
React Router V6 中的路由器不將歷史對象作為 porps
[英]Router in React Router V6 does not take history object as porps
我對反應和路由相當陌生，我試圖將我們的路由從 V5 遷移到 v6，我的路由器代碼是這樣的 但是在升級到路由器 v6 之后，它在歷史道具中給我一個錯誤 （屬性）歷史：BrowserHistory Type '{ children: Element; 歷史：瀏覽器歷史； 鍵：數字； }' 不可分配給 ...
為什么這個反應路線會拋出沒有路線匹配位置的錯誤？
[英]Why is this react route throwing an error of no route matched location?
我在我的代碼中遇到了一些與路由相關的問題，我收到錯誤“react_devtools_backend.js:4026 No routes match location”/airlines/1/reviews/new”。那是我試圖對特定航空公司進行評論時。這里是我的代碼我有 App.js-Airline ...
使用 React-Router-Dom v6 的 CartItems 路由錯誤
[英]CartItems routing error using React-Router-Dom v6
我正在嘗試向我的 react-redux 應用程序引入“cartItems”功能，並將添加的數據存儲在瀏覽器的本地存儲中。 實際上，當我嘗試通過單擊導航欄部分的購物車鏈接來顯示購物車項目時，問題就出現了。 錯誤消息是“GET http://localhost:3000/products/undef ...
我正在嘗試為子組件創建嵌套
[英]I am trying to created a nested for a child component
我正在嘗試這樣的事情： 每個孩子都應該有小節 但我不斷收到此錯誤 ...
注冊表單的 onSubmit 帶有來自 React-Router-Dom 的鏈接
[英]Registration Form's onSubmit with Link from React-Router-Dom
我想要實現的是，我希望用戶只有在遵循正確的指導方針時才能提交注冊，例如至少有 8 個字符等。我有一個鏈接路由器設置的按鈕： 我的嘗試是使用 useState 掛鈎來管理組件的 url 目標，以便當輸入字段未正確填寫時，Links“to”屬性設置為“/register”（將用戶保持在與他們相同的頁 ...
useContext 的條件渲染
[英]Conditional rendering of useContext
該任務要求我根據目標類別組從 API 中獲取數據。 例如www.localhost:8000/women 獲取所有女性對應的數據，www.localhost:8000/women 獲取所有男性對應的數據。 我現在創建了一個通用的 ContextProvider，其中根據值獲取數據。 請找到下面的代碼 ...
React router - 如果在 url 中輸入父組件路徑，如何重定向到子組件
[英]React router - How to redirect to child component if parent component path is entered in url
當我只寫 /questions 時，我想將我的 url 重定向到“/questions/1” ...
即使組件已經掛載，也要手動調用 componentDidMount()
[英]Call componentDidMount() manually even if component is already mounted
我有一個 class 儀表板組件，它從componentDidMount()中的多個 API 獲取數據，並使用從路由接收的道具並呈現圖表。 現在在同一個組件上接收到來自不同路由的不同道具。 所有獲取數據的 API 都基於接收到的 props。 這里的問題是 function 呈現在 compone ...
React Router Dom react js 空白白屏顯示
[英]React Router Dom react js Blank white screen Show
我在我的項目中添加了 React Router Dom 我想顯示特定區域組的聊天區域。 所以我使用 React Router Dom 來訪問獨特的鏈接 我使用 React Router Dom 版本：8.1 我的項目應用程序.js 運行結果后：顯示在使用 React Router Dom 之前的空白 ...
我的反應路由器有問題，因為我的 url 在點擊它時得到更新，但頁面沒有呈現
[英]I am having an issue with react router as my url is getting updated on clicking on it but the page is not getting rendered
我的反應路由器有問題，因為我的 url 在點擊它時得到更新，但頁面沒有被渲染，但是當我在那個特定的 url 上重新加載它時，它會呈現內容，而我希望它在我之后立即呈現點擊鏈接 這是我的 App.js 這是我的 Nav.js 這是我的 About.js ...
在 history.push 之后如何停止重新加載整個組件
[英]How to stop reload the entire component , after history.push
我的要求如下， 儀表板頁面 (https://localhost:3000) 顯示 1000 條記錄用戶在儀表板頁面上應用過濾器（過濾器后僅顯示 2 條記錄） 用戶單擊行並進入詳細信息組件（https://localhost:3000/details/1） 用戶單擊詳細信息組件上的“返回”按鈕儀表板 ...
React Router：Router 只加載 / 路徑，不加載任何其他路徑
[英]React Router: The Router only loads / path and does not load any other path
我正在嘗試使用路由從 react-router-dom 加載路徑，但它只獲取“/”路徑，它不加載任何其他路徑，身份驗證邏輯之前工作正常但路由似乎沒有任何作用，如果我將任何其他組件添加到“/”路徑，它將開始加載，但如果我刪除“/”並添加任何其他路徑，例如“/auth”，它將顯示空白屏幕。 我嘗試了多種 ...
反應路由器更改鏈接但無法更改正文
[英]React Router change the link but can't changed the body
反應路由器鏈接標簽在第一頁和頁面中也發生了變化，但在第二頁中有很多鏈接如果我單擊此鏈接，它可以更改鏈接但不能更改正文我該如何修復它...路由器代碼： 第二頁代碼 通過 props 傳遞一些數據 只是顯示此代碼的一小部分...請幫助我...我該如何修復錯誤 完整代碼在這里： https : ...
在反應應用程序中分離兩個不同的用戶界面
[英]Separating two different UI in react application
我想構建一個反應應用程序，其中將有兩種類型的 UI，一種用於管理員，另一種用於用戶。 header 和頁腳中包含的所有文件都是分開的。 我怎樣才能做到這一點？ 方法一 Creating two separate application for admin and user like example ...
CSS 不適用於反應 js 中的嵌套路由
[英]CSS not working for nested routing in react js
我是使用前端和反應 js 的新手。 我在我的應用程序中安裝了一個模板。 index.html 文件包含 css 的所有鏈接和路徑 這是我的 app.js 文件。 這里我提到了我的上層路線 這是我的布局組件，由所有屏幕組件（較低級別的路線）組成 但不知何故，我的頁面，即布局組件沒有得到任何 css。 ...
如何在 ReactJS 的不同頁面上顯示不同樣式的導航欄？
[英]How to display different styled Navbars on different pages in ReactJS?
我有三個不同的導航欄。 它們中的每一個都是不同的組件。 <PublicNavbar /> ，用於LandingPage、DiscoverPage等公共頁面。 <AccessNavbar /> ，用於SignInPage、SignUppage、VerificationPa ...
在 React Router Dom 中，如果我不按 Enter 或刷新頁面，重定向將不起作用
[英]In React Router Dom, redirect not work if i don't press enter or refresh page
我對 React Router Dom 有一個奇怪的問題。 在我的代碼中，我有： 在 url 中，它正確寫入“localhost：3000 / list_services，但似乎沒有加載頁面。如果我按回車鍵或重新加載頁面，它會正確顯示。有人可以幫助我嗎？在我的路線文件中，我有： ...