使用 boolean 屬性初始化“useState”掛鈎，但 state 未定義 - React

[英]Initialised 'useState' hook with boolean prop, but state is undefined - React

所以我發送一個 object 的 sippet 字段 'followed' 作為一個組件的 prop 到這個代碼（簡化）： 現在，我確保它在被傳遞給這個組件之前就在那里，並且 sippet.followed 日志正確，但仍然是后續的 state 日志和初始化為未定義。 為什么？ sippet.f ...

將 React 組件從一個應用導入到另一個 TS React App

[英]Import React Components from one app into another TS React App

我最近做了兩個應用程序，一個應該是一個內部具有復雜邏輯的組件庫，例如，一個組件應該渲染一個視圖，內部有兩個或三個組件，每個組件都有 useRefs、useStates 等等。 但是，當我嘗試構建這些組件並通過 TSC / rollup 將它們導出到我的其他應用程序時，在導入它們時出現此錯誤： 如果 ...

如果 Navigate 在返回 function 中，是否使用 useEffect？

[英]Is useEffect used if a Navigate is in the return function?

我有一個包含受限域的布局路由器頁面。 如果用戶通過身份驗證，我想從該布局的數據庫中獲取數據。 提取在 useEffect 中，返回 function 根據用戶身份驗證拆分為條件語句： 使用 Navigate，如果用戶未通過身份驗證，useEffect 掛鈎是否會被關閉，或者 useEffect 是 ...

React 功能組件 state 變量的 setFunction 在通過另一個 function 引用調用時不起作用

[英]React functional component state variable's setFunction is not working when it is called through another function reference

我在嘗試構建另一個 React 應用程序時發現了這個錯誤。 所以我只是在演示應用程序中詢問主要問題，我可能無法在此處更改任何渲染方法，因為它不是實際項目。 以簡化形式發布 -> 我正在構建一個應用程序，其中將顯示兩個count ，並且該計數值旁邊將有一個+ button 。 單擊該按鈕時，計數 ...

未捕獲的錯誤：MUI：數據網格組件要求所有行都具有唯一的“id”屬性

[英]Uncaught Error: MUI: The data grid component requires all rows to have a unique `id` property

這是組件：export const GradeTable = (props: GradeTableProps) => { console.log('GradeTable'); console.log(props.rows); return ( <div style={ ...

在 useEffect 中運行 useReadCypher

[英]Run useReadCypher inside useEffect

我正在編寫 React 功能組件，應該輸入以在 Neo4j 上進行搜索。 我依賴於 useReadCypher 並且無法更改它的內部實現。 我不能在 useEffect 中編寫 useReadCypher，因為它違反了鈎子規則。 我希望能夠單擊按鈕以使用 useReadCypher 重新運行查詢。 ...

通過map循環在不同組件之間傳輸數據

[英]Transferring data between different components through a map loop

我正在嘗試從一個組件切換到另一個組件，第二個組件需要使用第一個組件數組中的一個項目問題是第二個組件總是遍歷整個數組直到最后一個元素並只顯示它，但我想通過 onclick 中的索引 go 圖片1 圖片2 這是卡片的組成部分 這是顯示詳細信息的 model： 我希望它向我顯示 USB 的圖像，最后它向我 ...

React 應用不斷發送連續的 HTTP 請求

[英]React app keeps sending continuous HTTP requests

我有一個頁面顯示從 MongoDb 到 API 獲取的數據，在此頁面中，您可以修改數據，然后頁面將再次呈現以顯示新數據。 但是檢查.network 請求我注意到我的 React 應用程序發送了無限數量的請求，這顯然減慢了一切。 我讀到這是由這段代碼引起的： 我還讀到我必須清空 useEffect 的 ...

在 React 的 useEffect 中使用 clearInterval() 感到困惑

[英]Confused in using clearInterval() inside useEffect in React

當我們只是將setInterval存儲在變量中時，為什么<p></p>段中的 output {theTime}仍然存在？ 甚至更多，所以我們在執行“間隔”變量之前清除了它？ 怎么還是output 1秒的時間間隔。 另外，當我在谷歌搜索時，我對與這個問題相關的“掛載/卸載”術 ...

如何使用用戶 ID 以外的變量從數據庫中檢索用戶

[英]How to retrieve a Users from a database using a variable other than User Id

我有一個 Spring Boot 應用程序，其中有一個 model 用戶，當我點擊前端 React 應用程序上的提交按鈕時，我試圖檢索具有相同用戶名的用戶。 它說它無法檢索，我不知道到底出了什么問題。 我收到此錯誤。 xhr.js:247 GET http://localhost:8080/cal ...

反應更新 useState 數組不會導致元素刷新

[英]React updating useState array not causing element refresh

當更改 viaList state 時，我無法觸發組件更新。 如果有人可以提供幫助，請 <3 如果可能的話，我不想 append 這些孩子。 將功能分離到一個單獨的組件中使用道具觸發更新常規 DOM 內容（附加不適合我們的用例） ...

React Js 材質 UI 在設置時不更新值

[英]React Js material UI not updating the value when set

所以我在 material UI react js 中有這段代碼，它沒有正確更新值，所以我想，為了進一步解釋，我有這段代碼 如果我運行此代碼並單擊帶有 label“待處理”的選項卡，則不會觸發 console.log。 如果我再次單擊帶有 label“已接收”的標簽，console.log 將顯示“ ...

當用戶到達底部時，嘗試使用 UseEffect 來獲取新帖子。 但問題是應用程序顯示了數據庫中的所有帖子

[英]trying to use UseEffect in react for fetching new posts when the user reach at the bottom. but Problem is the app shows all posts from database

我試圖在反應中使用 UseEffect 用於在用戶到達底部時獲取新帖子。 但問題是應用程序會顯示數據庫中的所有帖子，無論我做什么， 我不知道問題出在哪里，為什么它獲取所有帖子而不是 5 或 6。當用戶到達底部時顯示更多但是如果可能的話我的代碼失敗了有人可以看看我的代碼對不起英語不好如果有人想編輯我的 ...

在 useEffect 中使用 flushSync() 是否和使用 useLayoutEffect 一樣？

[英]With flushSync() inside useEffect do we do the same as using useLayoutEffect?

https://reactjs.org/docs/react-dom.html#flushsync 強制 React同步刷新提供的回調中的任何更新。 這確保了 DOM 立即更新。 知道了，這和使用useLayoutEffect是一樣的，還是我理解錯了 flushSync() ？ 跟這個一樣嗎？ ...

我有一定數量的按鈕，點擊一個按鈕應該只在 React Component 中顯示它的內容

[英]I have a certain number of buttons, clicking on one should show content only for it in React Component

我有 3 個按鈕，它們在組件中使用 map 通過 state 出現，但是當我單擊這些按鈕中的任何一個時，我會同時顯示所有按鈕的內容。 我不知道該怎么辦了，我已經坐了第 3 天了，我什么也想不起來。 請幫助 我也試過使用 ref，但什么也沒有出來 ...

每當 state 更改時如何使反應查詢無效？

[英]How to invalidate react-query whenever state is changed?

每當某個 state 發生更改時，我都會嘗試使用 react-query 重新獲取我的用戶數據。 但是當然我不能在一個鈎子中使用一個鈎子，所以我不知道如何設置對這個 state 的依賴。 當前獲取用戶的代碼是： 這很好用。 但是只要更改 gobal state 錢包，我就需要使它失效。 我想我可以 ...

為什么 map 停止呈現 ReactJS 中的標題？

[英]Why is map stopping rendering of a heading in ReactJS?

我仍然對 map 有點困惑。當我注釋掉我的 h2 渲染的 map 時，我做錯了什么？ 是的，我仍然想使用 fetch。 在我添加更多深度之前，我需要了解我做錯了什么。 當我注釋掉它呈現的 function 時。 ...

當 axios.interceptors.response 處理錯誤時，如何阻止 React 完成渲染？

[英]How to stop React from finishing render when axios.interceptors.response handles the error?

我正在開發一個反應應用程序，我使用令牌和刷新令牌進行身份驗證。 每當后端返回401時， axios.interceptors.response將其拾取並嘗試刷新我的令牌。 如果成功，它將使用更新后的標頭重新啟動原始調用。 請參閱下面的代碼： 這本身就很好用，但不能與我的一個組件中的以下代碼結合使用 ...

使用 useRef 鈎子進行滾動檢測導致重新渲染

[英]Using useRef hook for scroll detection causing re-rendering

我在布局組件中使用 useRef 掛鈎來檢測其子項（pageContent）的滾動值。 然后我有條件地顯示一個按鈕以滾動回頂部。 功能正常工作，但是當我在 pageComponent 子項 ( <route.component/> ) 中 console.log 時，它告訴我每次按鈕顯示 ...

onClick 反應錯誤未捕獲錯誤：重新渲染太多。 React 限制渲染次數以防止無限循環

[英]onClick react error Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infinite loop

**我在嘗試更改父組件 styles onMouseEnter 事件時遇到錯誤。 如何通過子組件按鈕更改 styles？ 錯誤是 - 未捕獲錯誤：重新渲染太多。 React 限制渲染次數以防止無限循環。 onMouseLeave={() => setHovered(false)} 是一個 ...