如何解決 array.map 不是 React 中的 function 錯誤？

[英]How to solve array.map is not a function error in React?

我正在嘗試 map 功能組件中的一個數組。 存儲為 state 的數組，其值也在同一組件中生成。 我的方法總結為： import React, { useState, useEffect } from 'react' const NewArray = () => { const [arra ...

在我更改 React 中的代碼之前，Firestore 數據不會加載

[英]Firestore data won't load until I change the code in React

我正在啟動一個新應用程序，它將作為真正應用程序的基礎它工作正常，但在我更改 React 中的代碼之前不會加載 Firestore 數據 結果是 當我更改一些代碼時，它顯示的是： 數據沒問題但是如果我只是重新啟動它使用 它不會加載任何數據： 我在這里可能會錯過什么提前致謝拉斐爾 ...

React：當屏幕再次出現時如何得到通知？

[英]React: how to get notified when screen appears again?

當用戶從其他網頁返回時需要得到通知。 不幸的是這樣useEffect不會被調用：function BuyTicket(props: BuyTicketProps) { useEffect(() => { }, [authnRes, buyTicketData, programId]) 其 ...

使用 useEffect 根據 state 值更改 div 的顏色？ 反應

[英]Change color of a div depending on state value using useEffect? React

我有一個 div，里面有一個計數器。 計數器使用 setTimeout function 更新，每 1 秒更新一次。 此 setTimeout function 設置在 useEffect 掛鈎內。 一切似乎都正常工作，直到counter達到 99，然后 div 消失。 我假設 fontSize 和 ...

React - 無法在 useEffect 掛鈎之外訪問獲取的數據

[英]React - Cannot access fetched data outside useEffect hook

我正在嘗試使用 useEffect 鈎子和 fetch API 從我在 React 中創建的 NodeJS 服務器獲取數據。 問題是我無法在 useEffect 回調之外訪問這些數據這是我的代碼： 這就是useEffect中兩個console.logs的output：瀏覽器中第一個console.l ...

React 組件只渲染兩次然后停止

[英]React component only rendering twice and then stopping

新的反應，所以請耐心等待。 嘗試用閃爍制作動畫打字機| 字符在最后。 文本將以隨機間隔出現，但 | 將被修復。 誰能告訴我為什么這不起作用。 flasher 組件按預期工作，但正文未呈現，或呈現一個字符然后停止。 我在 Typer function 中的 useEffect 上設置了一個斷點，它只 ...

React Redux 傳遞 props componentDidMount to useEffect

[英]React Redux passing props componentDidMount to useEffect

如何將 componentDidMount()、componentWillReceiveProps(nextProps) 更改為 useEffect？ 我就是想不通。 下面這個是我沒有使用 Hook 的代碼。 從 reducers 獲取 this.props.auth。 我在這里要做的是使用Hoo ...

不更新 function 內的 State 但更新 useEffect

[英]Not updating the State inside the function but updating in useEffect

我是 React JS 的初學者。 我遇到了這種奇怪的情況， 因此，當incrementCounter function 被觸發時，計數器值將增加 1，然后我在控制台中記錄該值。 但它將值顯示為 0。當我使用useEffect掛鈎檢查count state 的變化時，當我在useEffect sc ...

在 JSX 之外使用 useState 鈎子時，我必須每次都將它包裝在 useEffect 中嗎？

[英]When using the useState hook outside of JSX do I have to wrap it inside useEffect everytime?

所以有時我在 if 語句中使用 setState 來確保它不會不必要地運行。 它有效，我永遠不會出錯。 我了解在這種情況下有時 useEffect 可以幫助防止額外的重新渲染，但我的問題是，在 JSX 之外使用“useState”時是否總是需要 useEffect？ 例如，在如下所示的程序意義上， ...

每當我更改服務器上的任何內容時，req.session.user 都會變得未定義，並且首先我從前端撥打電話，然后運行良好

[英]req.session.user get undefined whenever i change anything on my server, and on the first i make a call from the frontend, then works well

我的代碼有效，但每當我對 server.js 進行更改時，req.session.user 就會變為未定義。 這也發生在我第一次從前面提出請求時，我確實獲得了身份驗證。 但是在我沒有得到 user.name 和 cookie 之后，因為它讀取未定義。 如果我再次運行它，它會工作並且它會一直工作，直到 ...

protected route刷新后不能正常工作，useEffect問題

[英]Protected route doesn't work properly after refresh, useEffect problem

我試圖通過用戶角色保護路由，幾乎一切正常，但每次我刷新當前頁面時，受保護的路由總是讓我無法訪問，並且通過鏈接我可以訪問。 我知道 useEffect 有問題我不知道如何使它起作用。 應用程序.js 受保護的角色路由 ...

React：預期的循環壽命問題/重定向問題

[英]React : Cycle life problem expected / redirect problem

對於我的第一個 React 項目，我嘗試使用 useContext() 來調用我的模擬數據。 但在那之后，我有一個問題。 問題：您將 go 更改為住房頁面，將 URL 中的公寓 ID 更改為虛擬 ID，然后進行更新。 偉大的。 重定向到 404 完成。 因此，您 go 通過單擊 404 的鏈接回到主 ...

React useEffect hooks return () => cleanup() vs return cleanup

[英]React useEffect hooks return () => cleanup() vs return cleanup

我對useEffect的清理回調 function 有疑問。 總之， return cleanup會報錯，但是return () => cleanup()效果很好。 是的，它們是不同的，但它們有什么不同呢？ 有誰知道怎么解釋？ 謝謝， 我在用 codemirror 寫作時遇到了這個問題。 我 ...

useEffect 未在 DOM 上呈現數組

[英]useEffect is not rendering an array on DOM

我正在用虛擬數據填充一個數組，一旦完成，使用 useEffect，我試圖刪除第一個索引上的元素並在 DOM 上更新它。 該數組正在控制台上更新，但更改並未反映在 DOM 上。 ...

React useState object 不允許我訪問它的屬性

[英]React useState object not letting me access it's properties

我正在制作一個聊天應用程序，我正在嘗試根據 firestore 中的房間頁面名稱創建動態聊天頁面。 我的聊天組件根據它從 firestore 中找到的內容更新聊天框標題。 我已經確定我正在使用的查詢確實通過 console.log 正確地提取了數據。 底部部分不起作用 在我的瀏覽器中，聊天標題將是空 ...

ReactJS 如何在 Props 值更改后運行 useEffect 但只運行一次

[英]ReactJS How to Run useEffect After Props Value Changes But Only Run It Once

我正在使用 Google Places API 運行附近搜索，然后進行詳細搜索以獲取返回的每個地點的小時數據。 當我進行附近搜索時，我收集所有 placeId 並將它們作為道具傳遞給我運行詳細搜索的組件。 我使用 useEffect ReactJs 掛鈎對我的 nodeJs 和 Express 后端 ...

Axios 請求被阻止，無論 CORS 設置如何 - 503 錯誤

[英]Axios request blocked regardless of CORS settings - 503 error

我已經嘗試了幾乎所有解決 CORS 問題的建議（確切地說是 47 種不同的方法）。 我開始認為問題不在 CORS 方面，而是在我的 axios 請求的設置方式上。 我的問題很簡單：我的問題可能與我的 axios 設置有關，而不是與我的服務器端 CORS 設置有關嗎？ 錯誤：被 CORS 策略阻止：請 ...

useEffect 未在 React 組件中運行

[英]useEffect not running in React component

我無法讓這個 React 組件工作。 useEffect 沒有運行，所以我可以填充 redux state，從 state 中讀取必要的信息並將其顯示在組件中。 我在控制台中收到很多關於未定義變量的錯誤。 我需要以某種方式用調度填充 state 並在此之后渲染組件。 我怎么解決這個問題？ 控制台錯 ...

反應更新按鈕值的 state 按鈕

[英]REACT a button that updates state which updates the button value

我有這個 state 來檢查用戶是否將特定商品添加到購物車中： 一開始，它假設用戶沒有將商品添加到他的購物車，所以按鈕的值將是ADD TO CART 當用戶單擊“添加到購物車”時，它會觸發此 function： function 向http://localhost:8000/add-or-remo ...

reactjs中的暫停和播放時間間隔slider

[英]Paused and play time interval slider in reactjs

我正在創建一個使用時間間隔工作的 slider，我添加了額外的暫停和播放功能，代碼.. 這個 slider 正在工作，但我正在編寫 onclick 事件，該事件自動調用第一次幻燈片更改，為什么？ 我是新來的反應 ...