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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

렌더링 기능을 사용하여 사용자 정의 구성 요소의 모든 항목을 래핑하는 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  549

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

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

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

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

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

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

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

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

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

javascript - vue의 사용자 정의 이벤트에 매개변수를 전달하는 방법은 무엇입니까?

코드에 표시된 것처럼 select 메서드는 하위 구성 요소에서 정의 및 트리거되며 유형 매개 변수가 전달됩니다. 하위 구성 요소는 상위 구성 요소에 도입되고 select 이벤트를 수신합니다. 결과는 "속성 또는" 오류입니다. "type" 메소드가 인스턴스에 정의되어 있지 않지만 렌더링 중에 참조됩니다...

阿神 2017-06-28 09:28:24 0  1  964

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

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

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

정의되지 않은 배열 인덱스: 사용자 이름

정의되지 않은 배열 인덱스: 사용자 이름

不枉 2019-08-12 16:31:32 0  4  2014

javascript - vuejs에서 로드할 때 사용자 정의 함수를 자동으로 실행하는 방법

예를 들어, 컴포넌트에 메소드가 정의되어 있는 경우: {code...}changeIcon 함수가 자동으로 실행되도록 하려면 어떻게 해야 합니까?

PHP中文网 2017-05-19 10:41:14 0  2  711

구성 요소가 로드되면 Vue의 Provide 및 Inject가 정의되지 않습니다.

상황 header.vue 구성 요소가 컨테이너-nav.vue 구성 요소에 데이터를 제공할 수 있도록 기능을 제공하고 주입하기 위해 Vue의 옵션 API를 사용하려고 합니다(구성 요소 계층 구조 참조). 그러나 데이터가 주입되면 초기 로드 시 정의되지 않습니다. 현재 구성 요소 계층 구조: header.vue>header-nav-menu.vue>container-nav.vue try 1-header.vue(조부모) 이 구성 요소에서는 pinia(storeComm)에서 시작합니다.

P粉377412096 2023-08-26 09:34:12 0  1  476

gvim - vim에서 vimrc 파일을 편집할 때 사용자 정의 함수의 정의(선언)로 이동하는 방법은 무엇입니까?

vim에서 vimrc 파일을 편집할 때 사용자 정의 함수(vimscript로 작성)가 호출되는 위치에서 사용자 정의 함수가 정의(선언)된 위치로 이동하려면 어떤 단축키를 누를 수 있나요? ctags 같은 플러그인을 설치하지 않고 바로가기 키가 있나요? 참고로 K를 누르세요(예: Shift+K)...

为情所困 2017-05-16 16:36:16 0  1  771

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

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

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

정의되지 않은 배열 인덱스: 1

왼쪽 네비게이션 바 코스에서 정의되지 않은 배열 첨자:1 문제 발생

P粉542303445 2023-10-31 10:00:52 0  0  633

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

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

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