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

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

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

유효한 입력 방법: 조건부 렌더링 제어 가이드

조건부 렌더링을 입력하려고 하는데 오류가 발생합니다. Element hasan implicitly hasan'any'typebecauseexpressionoftype'number'can'tbeusedtoindextype'types'.Noindexsignaturewithaparameteroftype'number'wasfoundontype'types'.모든 것이 "any"인 경우

P粉550257856 2023-08-15 18:18:12 0  2  523

javascript - Vue 목록 렌더링의 항목 수를 제한합니다.

렌더링을 2개의 데이터로만 제한하는 방법은 무엇입니까? {암호...}

仅有的幸福 2017-07-05 10:49:19 0  2  1028

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

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

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

Vue에서 조건부 렌더링을 수행하는 방법

저는 작업을 생성하고 목록에 넣어 효율적으로 추적하는 데 사용할 수 있는 앱을 개발 중입니다. 목록과 목록 내에 작업을 만들었습니다. 목록 내의 목록에 속하는 모든 작업을 렌더링하려고 합니다. 그런데 이에 대한 vue 코드를 작성할 때 문제가 발생합니다. 해당 목록에만 속하는 작업을 렌더링하는 대신 내 코드는 데이터베이스 내의 모든 작업을 생성합니다. 특정 목록에 속하는 작업만 렌더링하는 올바른 방법을 찾는 데 도움을 줄 수 있나요? DashboardView.vue<템플릿><divcla

P粉702946921 2024-04-01 19:36:54 0  1  468

렌더링 함수에서 If else 조건을 사용하여 인쇄 친화적인 값을 확인하는 방법

친숙한 이름을 인쇄하기 위해 렌더링 함수에서 조건을 확인하는 방법(예: if(value=101)then "sometext", elseif(value=102)then "Anothertext" 등. 시도 중인 코드 아래를 확인하세요. publicrender():React.ReactElement<IGetSpListsProps>{return(<div><ol>{this.state.sit

P粉744831602 2023-09-14 11:24:02 0  1  451

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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