배열로 렌더링된 이전 React 구성요소의 상태를 업데이트하는 방법

배열에 React 구성요소를 추가하고 "구성요소 추가" 버튼을 클릭했을 때 배열을 렌더링했습니다. 각 구성 요소는 이를 카운트 후크에 속성으로 전달하여 렌더링됩니다. 문제는 구성 요소가 배열에 추가되고 렌더링되면 버튼을 통해 카운트를 증가시키더라도 카운트 후크가 업데이트되지만 배열에서 렌더링된 구성 요소는 업데이트되지 않는다는 것입니다. "구성 요소 추가" 버튼을 다시 클릭하면 새 구성 요소가 업데이트된 후크로 렌더링됩니다. 그러나 이전 구성 요소는 추가될 때 업데이트되지 않습니다. App.jsi...

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

React 커스텀 컴포넌트의 조건부 렌더링 문제 살펴보기

내 React 애플리케이션의 사용자 정의 구성 요소에서 조건부 렌더링에 문제가 있습니다. 저는 특정 조건이 충족될 때만 콘텐츠를 렌더링하는 조건부 렌더링용 사용자 정의 구성 요소를 만드는 작업을 해왔습니다. 현재 코드는 다음과 같습니다. importReactfrom'react';functionConditionalRenderComponent({condition,children}){return({condition&&children});}

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

vue.js가 구성요소를 재귀적으로 렌더링하는 방법.

먼저 기본 컴포넌트를 작성하고, 재귀 렌더링을 위한 컴포넌트를 소개하려고 했는데, 소개하고 나면 템플릿이나 렌더링 기능이 정의되지 않은 문제가 발생하는데, 해결 방법을 알려주실 수 있나요?

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

javascript - 사용자 정의 하위 구성 요소가 상위 구성 요소 데이터를 수신하고 v-for를 사용하여 여러 하위 구성 요소를 렌더링하는 방법

코드부터 시작해 보겠습니다. 이제 하위 구성 요소에 4개의 개체가 전달됩니다. v-for를 사용하여 4개의 하위 구성 요소를 렌더링하는 방법은 무엇입니까? v-for를 상위 구성 요소의 템플릿에 배치해야 합니까?

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

내 React 구성 요소가 두 번 렌더링되는 이유는 무엇입니까?

내 React 구성요소가 왜 두 번 렌더링되는지 모르겠습니다. 그래서 매개변수에서 전화번호를 추출하고 이를 상태에 저장하여 Firestore를 통해 검색할 수 있습니다. 전화번호와 영점이 처음으로 렌더링될 때 두 번 렌더링된다는 점을 제외하면 모든 것이 잘 작동하는 것 같습니다. 두 번째 렌더링에서는 모든 데이터가 올바르게 표시됩니다. 누구든지 나를 해결책으로 안내할 수 있습니까? classUpdateextendsComponent{constructor(props){super(props);co

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

javascript - vue에서 사용자 정의 구성 요소를 렌더링하는 방법

코드는 다음과 같습니다. cbutton은 사용자 정의 구성 요소입니다. 사례 1에서는 정상이며 문제가 없습니다. 사례 2에서는 v-html이 기본 구성 요소만 렌더링할 수 있습니다. render를 사용하여 해결해야 합니까? jsx는 어떻습니까? 나는 render 함수를 사용해 본 적이 없습니다. 도와주세요.

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

여러 구성 요소를 렌더링하려고 할 때 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  512

Pinia 상태를 변경한 후(배열에서 객체 제거) Vue 구성 요소가 다시 렌더링되지 않는 이유는 무엇입니까?

pinia에서 사용자 배열을 변경하는 deleteHandler 함수가 있습니다. 그러나 vue의 devtools에서는 상태가 변경되지만 구성 요소가 다시 렌더링되지 않지만 배열에서 개체를 제거하면 일부 값만 변경하면 vue에서 이를 인식하고 구성 요소를 제거하는 것만으로 구성 요소를 다시 렌더링합니다. 배열 개체가 작동하지 않습니다. constdeleteHandler=(user)=>{//doesn'trendersuseUser.users=useUser.us

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

erb 보기에서 Hyperstack 구성 요소를 사용하여 렌더링하는 방법

예를 들어, 많은 로직이 포함된 erb 페이지가 있습니다. Hyperstack을 사용하여 이 페이지에 사용자 메시지를 만들고 싶습니다. 이 erb 페이지에서 Hyperstack 구성 요소를 어떻게 렌더링할 수 있나요? 업데이트: Hyperstack 구성 요소가 application.erb에 내장되어 있기 때문에 이것이 가능하다는 것을 알고 있습니다.

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

javascript - vue 구성 요소 렌더링 문제가 두 번 발생합니다.

{코드...}가 두 번 렌더링되었습니다. 처음에는 오류가 보고되었지만 두 번째에는 데이터가 성공적으로 렌더링되었습니다. 문제는 무엇입니까? . .

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

Vue 구성 요소 내에서 Vue를 결합하여 HTML 렌더링

Vue2에서 Vue3으로 프로젝트를 업그레이드하려고 합니다. Vue3에는 다양한 Vue 구성 요소 컬렉션이 포함된 구성 요소가 있습니다. Vue2에서 작동하는 방식은 Twig에서 Twig 템플릿(예: field.twig)을 호출하고 :is 속성과 Vue.compile 메서드(<div:is"compile(element.element.element.element)를 사용하여 컴파일하기 위해 Vue로 보내는 것입니다. 콘텐츠) ..."). 이것은 Twig 템플릿이 Vue로 보내는 것입니다. 그러나 Vue3에서는 이...

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

set*** 함수가 호출되지만 함수 구성 요소의 다시 렌더링이 실행되지 않습니다.

내 스크립트는 아래와 같습니다. API가 항목을 가져온 후 구성 요소를 다시 렌더링하고 EnhancedTable을 표시하려고 합니다. 하지만 이 스크립트를 사용하면 apifetch는 성공하지만 EnhancedTable은 나타나지 않습니다. response.data가 올바른 데이터를 반환하지만 다시 렌더링이 수행되지 않습니다. 내가 어디서 잘못됐나요? constMetaPanel=(props)=>{const[ drawingsItems,set DrawingItems]=React.useState([])

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

링크를 직접 클릭하여 React Router 구성요소를 다시 렌더링하세요.

저는 React Router Dom v6을 사용합니다. 하나의 링크 또는 다른 링크를 클릭하면 Route 구성 요소가 정상적으로 렌더링됩니다. 그러나 "/pathOne"이 활성화된 상태에서 다시 클릭하면 아무 일도 일어나지 않습니다. 활성 링크를 클릭하여 경로 요소를 강제로 다시 렌더링하는 방법이 있습니까? 나는 모든 것을 새로 고칠 수 있습니다.

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

javascript - React-Native에서 FlatList의 지연 렌더링이 항목을 기반으로 하는지 아니면 가장 작은 구성 요소를 기반으로 하는지 알려주실 수 있나요?

FlatList는 하위 요소를 느리게 렌더링하며 화면에 표시될 때만 렌더링을 시작합니다. 그럼 아이템 단위로 렌더링되나요, 아니면 최소 구성요소 단위로 렌더링되나요? 목록에 3개의 항목이 있고, 하나의 항목이 3개의 화면을 차지하고, 각 항목에는 10개의 구성 요소가 포함되어 있으며, 첫 번째 항목의 처음 3개가 첫 번째 화면에 있다고 가정합니다.

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

렌더링된 구성 요소 및 상태 저장: 페이지를 다시 로드해도 지속되는 방법은 무엇입니까?

저는 사용자가 원하는 구성 요소를 렌더링하도록 사용자 정의할 수 있는 대시보드 애플리케이션을 개발 중입니다. 구성이 완료되면 사용자가 애플리케이션을 다시 방문할 때 떠날 때와 동일한 설정이 로드되도록 이 상태를 어떻게 저장합니까? 예를 들어 A,B,C,D,E 구성 요소를 사용할 수 있습니다. 사용자는 A, C, D만 렌더링하도록 대시보드를 구성합니다. 사용자가 페이지를 다시 로드하거나 다시 방문할 때 동일한 구성 요소(A,C,D)와 해당 상태가 렌더링되기를 원합니다. 나는 사용자가 매번 애플리케이션을 재구성하는 것을 원하지 않습니다...

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

구성요소에 배열 전달

저는 React를 처음 접했고 다음에 대한 도움이 필요합니다. 구성 요소를 렌더링하기 위해 배열 목록을 허용하는 구성 요소가 있고 배열 렌더링된 구성 요소를 조작하려면 별도의 구성 요소가 필요합니다. 여기서 API 호출을 통해 배열을 전달해야 합니다. 현재 다음 모의 데이터를 전달하고 있습니다: importconstmockData=[{title:'ABC',value:'$7,999',diff:

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

콘텐츠를 슬롯에 렌더링하는 방법

아래와 같이 하위 구성 요소에 슬롯이 있는 버튼을 만들었습니다. 슬롯의 이름은 SlotDigitizePolygonBtnLabel입니다. 하위 구성 요소의 버튼에는 버튼이 비활성화되었는지 여부를 나타내는 장애 상태라는 속성이 있어야 합니다. 상위 구성 요소에서 하위 구성 요소의 버튼을 렌더링하고 상위 구성 요소의 장애 상태 값을 하위 구성 요소로 전달하려고 합니다. 코드를 실행하면 아무것도 렌더링되지 않습니다. 오류가 발생한 위치와 해결 방법을 알려주십시오. 하위 어셈블리

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

구성 요소를 다시 렌더링하지 않고 React.js의 Context에서 상태를 업데이트하는 방법은 무엇입니까?

기본적으로 저는 Google Maps API를 사용하고 있으며 건물을 클릭하면 일부 정보가 포함된 모달이 표시됩니다. 모드 상태는 컨텍스트에 있으며 지도의 클릭 이벤트를 통해 업데이트됩니다. 상태가 업데이트되면 상태가 지도 구성요소 자체에서 업데이트되기 때문에 전체 지도를 다시 다시 렌더링합니다(더 작게 만듭니다). 컨텍스트 상태를 업데이트하지만 지도를 다시 렌더링하지 않으려면 어떻게 해야 합니까? 메모와 useCallback을 사용해 보았지만 소품이 업데이트(컨텍스트)되고 있으므로 지도를 다시 다시 렌더링합니다.

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

반응 라우터의 <Route>에서 다른 props를 사용하여 동일한 구성 요소를 렌더링하는 방법

몇 가지 소품이 필요한 뉴스 구성 요소가 있는데 <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  438