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

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

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

Shopware 6 관리: 사용자 정의 플러그인 구성 요소에서 SwProductList의 listFilterOptions() 읽기

버전 Shopware6.4.20 내 사용자 정의 플러그인은 SwProductDetail을 재정의하여 구성 요소를 가져옵니다. 가져온 구성요소에는 SwProductList의 filterOptions가 필요합니다. 위 구성요소의 SwProductList 목록을 어떻게 읽을 수 있나요?

P粉615829742 2023-09-18 18:36:26 0  1  461

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

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

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

React Native Expo 사용자 정의 구성 요소를 표시할 수 없습니다

저는 초보자인데 왜 내 사용자 정의 구성 요소 중 하나는 표시되고 다른 하나는 표시되지 않는지 알 수 없습니다. 홈 화면: importReactfrom'react';import{View,Text}from'react-native';import{SafeAreaView}from'react-native-safe-area-context';import{ScrollView,TouchableOpacity}from'rea

P粉022723606 2023-08-13 09:58:33 0  1  598

다른 사용자 정의 구성 요소에서 중첩된 모달을 닫는 방법은 무엇입니까?

다른 사용자 정의 구성 요소에 중첩된 모달을 닫는 방법은 무엇입니까? 내 모달이 다른 구성 요소에 있습니다. 상태를 상위 구성 요소에 전달하는 데 문제가 있습니다. 아래에서 상위 및 하위 구성요소를 볼 수 있습니다. 상위 구성 요소: constViewNote=({route,navigation})=>{const[visible,setVisible]=useState(false);functionvisibility(cases){setVisible(cases);con

P粉579008412 2023-09-11 15:50:11 0  2  579

angular.js - 사용자 정의 함수에서 각도 핵심 구성 요소를 사용하는 방법은 무엇입니까?

{코드...} 컨트롤러에서 $scope, $state, $q, $ionicActionSheet를 참조하여 이러한 시스템 구성 요소를 주입하고 사용할 수 있습니다. 기능을 사용자 정의하는 경우 이러한 구성요소를 어떻게 사용할 수 있나요? {암호...}

阿神 2017-05-15 16:52:33 0  1  592

Vue에서 Cypress 구성 요소 테스트를 위한 전역 사용자 지정 지시문 등록

Cypress 구성 요소 테스트를 위해 vue.js에 전역 사용자 지정 지시문을 등록하는 방법이 있습니까? 단순히 main.js 파일에 app.directive('some',(el,binding)=>{{...}) 을 등록하는 것만으로는 문제가 해결되지 않습니다. 구성 요소 테스트 구성 요소에서 지시문을 구문 분석할 수 없기 때문입니다. mount(SomeComp,{directive:{'some':{...}}) 와 같은 로컬 레지스터는 좋은 선택이 아닙니다. 왜냐하면 나는 이 지시문을 모든 구성 요소에서 사용하고

P粉529581199 2024-03-26 22:44:23 0  1  528

렌더링 기능을 사용하여 사용자 정의 구성 요소의 모든 항목을 래핑하는 Vue 3 트릭

나만의 정렬 가능한 구성 요소를 만들려고합니다. 기본 슬롯에 항목 목록을 전달하고 싶습니다. 그런 다음 정렬 가능한 구성 요소는 전달된 모든 항목을 사용자 정의 v-draggable 구성 요소로 래핑해야 합니다. <v-sortablehandle=".handle"><template:key="index"v-for="(item,index)initems"><some-co

P粉926174288 2023-12-27 21:49:07 0  2  584

React Native: TextInput 구성 요소에 사용자 정의 하위 뷰를 가질 수 있습니까?

누군가의 이름을 입력할 때 사용자 정의 보기가 있는 TextInput 구성 요소를 만들려고 합니다. 예를 들어 이름이 John인 경우 해당 문자열을 검색하고 John의 프로필 이미지와 이름이 텍스트와 함께 포함된 보기를 추가합니다. 현재 뷰를 TextInput 구성 요소의 하위 구성 요소로 만들면 아무것도 표시되지 않습니다. 즉, 텍스트 구성 요소의 하위 항목만 나타납니다. TextInput 구성 요소에서 다양한 유형의 컨테이너와 요소를 렌더링하려고 시도했지만 위의 모든 항목이 렌더링에 표시되지 않습니다.

P粉553428780 2023-09-11 15:07:01 0  1  608

직접 제작한 <Tab/> 컴포넌트 사용시 "&.Mui-selected" 상태에 문제가 있습니다

사용자 정의 <Tab/>을 만들었고 다음 코드를 사용하여 선택한 색상을 제어하고 싶습니다. Sandbox 데모 코드 내보내기constTab=styled(MuiTab)({"&.Mui-selected":{color:"red "}} ); 그러나 찾아낸 결과는 다음과 같습니다. 1. 사용자 정의 스타일 구성 요소를 직접 적용 => 선택한 색상이 빨간색임 2. 사용자 정의 스타일 구성 요소를 자체 생성 구성 요소로 래핑 => 여유가 없음

P粉775788723 2023-09-20 19:56:31 0  1  581

javascript - 하위 구성 요소가 상위 구성 요소의 맞춤 이벤트를 트리거하지만 상위 구성 요소가 응답하지 않습니다.

다음은 하위 컴포넌트입니다. @change='showChange'는 하위 컴포넌트 이벤트입니다. 다음 템플릿은 order-type 컴포넌트 {code...}로 등록됩니다. 다음은 하위 컴포넌트 메소드입니다: {code...} 다음은 상위 구성 요소 {code...}입니다. 그러나 Alert(2)는 실행되지 않습니다.

大家讲道理 2017-07-05 11:03:26 0  3  1030

Antd Select 구성 요소의 사용자 정의 텍스트 상자

사용자가 적합하다고 생각하는 선택 사항이 "선택" 옵션에 표시된 옵션에 없는 경우 사용자 정의 텍스트를 추가할 수 있는 기능을 사용자에게 제공하고 싶습니다. 사용자 정의 텍스트 필드를 성공적으로 생성했지만 사용자 입력을 받고 이를 선택 구성 요소의 값으로 설정하는 것이 어려워지고 있습니다. (쉬운 것처럼 들리지만 어떤 이유로 작동하지 않습니다.) 다음은 내 구현입니다. setSelectedPurpose]=useState<string>("");//선택됨

P粉790187507 2024-03-30 11:16:20 0  1  524

Vue3의 사용자 정의 지시어를 사용하여 구성 요소에 데이터 전달: 가이드

저는 사용자 정의 지시문을 사용하여 <simple-comComponentv-layer="'pizza'"/> 동작을 달성하고 'pizza'를 구성 요소에 전달하고 이를 SimpleComponent에서 사용할 수 있도록 하고 싶습니다. 그런 다음 V-슬롯을 통해 상위 상위 범위에 배치하는 것이 아이디어입니다. 이는 구식이며 아마도 가장 좋은 방법은 아니지만 클라이언트에게는 구문이 중요합니다(여기에 입력된 문자가 적을수록 좋습니다). Vue2에 대한 이 github 문제를 찾았지만 잘 모르겠습니다.

P粉407936281 2024-03-26 22:46:44 0  1  413

javascript - vue2.0은 여러 개의 동일한 구성요소를 동적으로 로드하고, 구성요소의 데이터에 서로 다른 값을 입력하며, 마지막이 아닌 구성요소를 닫을 때 파괴된 값이 마지막 구성요소 값이 됩니다.

Vue2.0은 여러 개의 동일한 구성요소를 동적으로 로드하고 구성요소의 데이터에 다른 값을 입력합니다. 마지막이 아닌 구성요소를 닫을 때 파괴된 값은 마지막 구성요소 값입니다. 컴포넌트 로딩 방법: 컴포넌트는 사용자 정의 이벤트를 통해 렌더링할 컴포넌트를 얻어 컴포넌트에 푸시합니다. &lt;컴...

黄舟 2017-07-05 11:00:36 0  1  1426

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

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

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

REACT TS 구성 요소 래퍼에서 사용자 정의 소품과 기본 소품을 결합하는 원활한 방법이 있습니까?

입력, 버튼, 양식 등의 기본 기능을 확장하는 여러 구성 요소가 있지만 팀에서 필요할 때 모든 이벤트 핸들러와 소품을 포함해야 하는 것은 지루한 작업입니다. 나는 단순히 컴포넌트 소품 유형이 기본 소품 유형을 확장하도록 만든 다음 객체 전파를 사용하여 모든 기본 소품을 자동으로 적용해 보았습니다. 다음 문제는 맞춤 props가 지원되지 않으며 기본 요소에 적용되어서는 안 된다는 것입니다. 이 문제를 해결하기 위해 제가 찾은 유일한 해결책은 다음과 같이 구성 요소 매개 변수에 각 맞춤 속성의 이름을 복사하는 것이었습니다: {custo...

P粉186897465 2024-03-30 17:01:40 0  1  505

Android 맞춤 실행 프로그램은 맞춤 위젯을 추가하지만 위젯 인터페이스를 업데이트할 수 없습니다.

Android 맞춤 런처는 맞춤 위젯을 추가하지만 위젯 인터페이스를 업데이트할 수 없습니다. 맞춤 위젯은 시스템 런처에서 업데이트할 수 있습니다. 시계 등의 시스템 위젯은 맞춤 런처에서 업데이트할 수 있습니다. AppWidgetProvider 코드는 다음과 같습니다: {code...} 사용자 정의 실행...

某草草 2017-05-16 13:29:24 0  1  735

Vue 사용자 정의 확인란 구성 요소를 만드는 올바른 방법

Vue에서 사용자 정의 체크박스를 만드는 방법 확인란이 변경되면 함수를 호출해야 합니다. "정의되지 않은 'id' 속성을 읽을 수 없습니다."라는 오류와 "네이티브 이벤트 핸들러를 실행하는 동안 처리되지 않은 오류가 발생했습니다."라는 경고가 표시됩니다. 사용자 지정 확인란: <template><divclass="filter">< input:ref="id ":id="id"type="확인

P粉135292805 2023-09-02 18:22:50 0  1  531

사용자 정의 제어 파일을 호출할 수 없습니다.

선생님처럼 맞춤 컨트롤러를 만들었지만 반응이 없습니다. 무슨 일인가요?

　　　　　戒　　 2018-07-08 18:49:03 0  1  1060

javascript - 플랫리스트 드롭다운 구성 요소 스타일을 사용자 정의하는 방법은 무엇입니까?

1. 먼저, 제가 달성하고 싶은 효과에 대해 말씀드리겠습니다. 휴대폰에서 JD.com과 같은 사진을 끌어당긴 다음, 손을 뗀 후 새 페이지로 이동하세요. 2. 하지만 Flatlist에는 기본 드롭다운 이벤트 {code...}가 있습니다. 문서에서 이 헤더 컨트롤을 변경하는 방법을 모르겠습니다. Android는 기본적으로 검은색 원형 새로 고침 구성 요소를 사용합니다.

PHP中文网 2017-06-08 11:02:39 0  1  1340