更新由陣列渲染的前一個React元件的狀態的方法

我在點擊「新增元件」按鈕時，在陣列中新增了一個React元件，並渲染了該陣列。每個元件透過將其作為屬性傳遞給計數鉤子來進行渲染。問題在於，一旦元件被添加到數組並渲染出來，即使我透過按鈕增加計數，計數鉤子也會更新，但是從數組中渲染的元件不會更新。當我再次點擊「新增元件」按鈕時，新的元件將會以更新的鉤子渲染出來。但是之前的組件不會隨著增加而更新。 App.jsimportReact,{useState}

P粉014218124 2023-09-08 21:35:51 0  1  547

探討React自訂元件中的條件渲染挑戰

我在我的React應用程式中的自訂元件中遇到了條件渲染的問題。我一直在努力創建一個用於條件渲染的自訂元件，只有在滿足特定條件時才渲染內容。以下是我目前的程式碼：importReactfrom'react';functionConditionalRenderComponent({condition,children}){return({condition&&children});}

P粉301523298 2023-08-18 15:58:43 0  2  551

javascript - vue.js如何遞歸渲染元件.

我先是寫好了一個基礎元件，然後想在該元件中引入自己進行遞歸渲染，但引入後會報template or render function not defined的問題，求教大神該如何解決呢？

淡淡烟草味 2017-07-05 10:59:35 0  2  1319

javascript - 自訂子元件接收到父元件數據，怎麼用v-for渲染多個子元件

先上程式碼 現在傳到子元件的是4個對象，怎麼用v-for渲染4個子元件，v-for是放在父元件的template還是放在子元件

PHP中文网 2017-05-19 10:44:00 0  1  608

為什麼我的 React 元件渲染了兩次？

我不知道為什麼我的React元件渲染了兩次。因此，我從params中提取電話號碼並將其保存到state中，以便我可以透過Firestore進行搜尋。一切似乎都工作正常，除了渲染兩次......第一次渲染電話號碼和零點。第二次渲染時所有資料都正確顯示。有人可以指導我解決方案嗎？ classUpdateextendsComponent{constructor(props){super(props);co

P粉268654873 2023-10-16 12:47:00 0  1  676

javascript - vue 怎麼渲染自訂元件

程式碼如下圖: cbutton為自訂元件,1情況正常無問題, 2情況使用v-html只能渲染原生元件.2要求動態輸出，這種情況需要使用render解決嗎?jsx呢?並沒有使用過render函數,求大神幫忙

phpcn_u1582 2017-06-28 09:28:58 0  1  863

嘗試渲染多個元件時出現 React Native 渲染錯誤

我想渲染用戶按下“添加”按鈕後構建的相同自訂組件的多個副本。我的程式碼如下：import"react-native-get-random-values";import{StyleSheet,TextInput,View,Text,TouchableHighlight,Button}from'react-native';importReact,{useState}from'rea

P粉043566314 2023-09-05 18:57:09 0  1  479

為什麼更改 Pinia 狀態（刪除數組中的物件）後不重新渲染 Vue 元件？

我有一個deleteHandler函數，它可以更改pinia中的使用者數組。但是，在vue的devtools中，狀態發生了更改，但組件沒有重新渲染，但是如果我從數組中刪除對象，只需更改一些值，然後vue會識別它並重新渲染組件，僅通過從數組中刪除對像是行不通的。 constdeleteHandler=(user)=>{//doesn'trendersuseUser.users=useUser.us

P粉763748806 2023-12-30 14:57:42 0  1  418

如何在erb視圖中使用Hyperstack元件進行渲染

例如，我有一個包含許多邏輯的erb頁面。我想使用Hyperstack在此頁面上建立使用者訊息。我如何在這個erb頁面上渲染Hyperstack元件？更新：我知道這是可能的，因為Hyperstack元件嵌入在application.erb中。

P粉301523298 2023-08-16 15:03:45 0  1  462

javascript - vue元件渲染兩次的問題

{程式碼...} 渲染了兩次，第一次報錯，第二次成功渲染數據，問題出在哪了。 。 。

天蓬老师 2017-05-18 10:52:57 0  3  722

在 Vue 元件內結合 Vue 渲染 HTML

我正在嘗試將專案從Vue2升級到Vue3，其中有一個元件包含不同Vue元件的集合。它在Vue2中的工作方式是在Twig中呼叫Twig模板（例如：field.twig）並將其發送到Vue使用:is屬性和Vue.compile方法進行編譯（<div:is"compile(元素.內容） ....“）。這是Twig模板發送到Vue的內容：但是在Vue3中這似乎不再起作用了。沒有任何內容被渲染，

P粉193307465 2024-03-26 14:35:53 0  1  456

set***函數被呼叫但函數元件的重新渲染沒有執行

我的腳本如下所示，api取得專案後，我想重新渲染元件並使EnhancedTable出現。但這個腳本，apifetch成功，但沒有出現EnhancedTable。 response.data傳回正確的數據，但未執行重新渲染。我哪裡錯了？ constMetaPanel=(props)=>{const[drawingItems,setDrawingItems]=React.useState([])

P粉864872812 2024-04-04 09:53:14 0  1  361

透過自己點擊連結來重新渲染React Router元件。

我使用React Router Dom v6。當你點擊一個連結或另一個連結時，Route元件會正常渲染。但是，如果"/pathOne"處於活動狀態並且我再次點擊它，則什麼都不會發生。有沒有辦法透過點擊活動連結來強制重新渲染路由元素？我可以刷新全部內容。

P粉295728625 2023-07-27 22:31:16 0  1  478

javascript - 請問關於React-Native中FlatList的惰性渲染是以item為單位還是以最小元件為單位？

FlatList會惰性渲染子元素，只在它們將要出現在螢幕中時開始渲染。那麼是以item為單位渲染還是以最小元件為單位？假設一個list有3個item，一個Item佔3屏，每個item包含10個組件第一個item的前3個在第一屏，那麼...

滿天的星座 2017-05-31 10:37:53 0  1  729

儲存渲染的元件和狀態：如何在頁面重新載入時保留？

我正在開發一個儀表板應用程序，用戶可以自訂它以渲染他們選擇的組件。一旦他們配置好了，我該如何保存這個狀態，以便用戶重新訪問應用程式時，加載與他們離開時相同的設定？例如，我有以下可用的元件：A,B,C,D,E。使用者配置他們的儀表板只渲染A,C,D。我希望當使用者重新載入或重新造訪頁面時，渲染相同的元件（A,C,D）和它們各自的狀態。我不希望用戶每次都要重新配置應用程式。我考慮將資料儲存在文字檔案中，

P粉052686710 2023-09-11 10:47:00 0  1  585

將數組傳遞給組件

我是React的新手，需要在以下方面尋求幫助..我有一個組件，它接受數組列表來渲染組件，並需要一個單獨的組件來操作該數組渲染的組件：exportfunctionDashboardContent(){return();} mockData是我需要透過API呼叫傳遞陣列的地方目前傳遞以下模擬資料：exportconstmockData=[{title:'ABC',value:'$7,999',diff:

P粉006540600 2023-08-15 17:00:37 0  1  545

如何將內容渲染到插槽中

如下所示，我在子元件中建立了一個帶有插槽的button。插槽的名稱是slotDigitizePolygonBtnLabel。子元件中的button應該有一個名為disabilityState的屬性來表示按鈕是否被停用。在父元件中，我想要渲染子元件的button並將disabilityState的值從父元件傳遞給子元件。當我運行程式碼時，沒有任何內容被渲染。請告訴我我的錯誤在哪裡以及如何修復它。子組件

P粉877114798 2023-08-18 00:30:15 0  1  550

如何在React.js中更新Context中的狀態，而不讓元件重新渲染？

所以基本上我正在使用谷歌地圖API，當我點擊建築物時，它會顯示帶有一些資訊的模態。此模式的狀態位於上下文中，並透過地圖上的點擊事件進行更新。發生的情況是，當狀態更新時，它會再次重新渲染整個Map（使其縮小），因為狀態是從Map元件本身更新的。如何才能更新上下文狀態但地圖不重新渲染？我嘗試使用memo和useCallback，但由於道具正在更新（上下文），它會再次重新渲染地圖。

P粉322319601 2024-02-26 00:05:17 0  1  420

在react-router的<Route>中如何使用不同的props渲染相同的元件

我有一個News元件，它需要一些道具，每當我點擊<Link/>以及相應的類別道具時，我都想使其重新渲染。它會更新URL，但不會重新呈現元件。 <Routes><Routepath="/"element={<Newscountry={this.country}apiKey={this.API_KEY}pageSize={this.pageSi

P粉002546490 2024-03-26 23:34:09 0  2  394