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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

"요소 렌더링"이 있습니까? 이벤트?

웹 애플리케이션에서 텍스트의 크기를 정확하게 측정해야 하며, 관련 CSS 클래스를 사용하여 요소를 생성하고 해당 요소의 innerHTML을 설정한 다음 이를 appendChild를 사용하여 컨테이너에 추가하여 이를 수행합니다. 이 작업을 수행한 후 요소가 렌더링될 때까지 잠시 기다려야 하며 해당 offsetWidth를 읽어 텍스트 너비를 알 수 있습니다. 현재 렌더링이 완료될 때까지 기다리는 데 setTimeout(processText,100)을 사용하고 있습니다. 내가 들을 수 있는 콜백이 있나요? 아니면 내가 생성할 때 알 수 ...

P粉727531237 2024-02-26 10:42:45 0  2  551

angle.js - Angular 2에서 구성 요소를 강제로 다시 렌더링하는 방법은 무엇입니까?

구성 요소가 영역 외부에서 새로 고쳐지기 때문에 해당 업데이트가 렌더링되지 않는 것 같습니다. 이 이유는 단지 추측일 뿐이며 확실하지 않습니다. . .

巴扎黑 2017-05-15 17:08:21 0  1  658

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

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

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

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  487

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

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  419

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

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

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

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

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

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

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

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

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

Next.js는 조건부 렌더링과 렌더링되지 않은 HTML의 사전 렌더링을 지원합니까?

Next.js는 특정 버튼을 클릭할 때만 표시되는 페이지에서 HTML을 사전 렌더링합니까? 예를 들어 탭이 있는 경우 아직 표시되지 않은 탭의 콘텐츠를 렌더링합니까?

P粉450744515 2023-08-14 17:48:55 0  1  562