javascript - React 고차 컴포넌트를 사용할 때 새로 확장된 상태와 props를 최하위 컴포넌트로 반환하여 구현해야 합니까? 이것의 요점은 무엇입니까?

믹스인을 대체하는 데 고차 구성 요소가 사용됩니까? 인터넷에서 정보를 확인해 보니 모두 고차 컴포넌트의 핵심 아이디어는 컴포넌트의 기능적 방법을 확장하는 것이라고 하는데, 최종적으로 확장된 새로운 props나 state는 여전히 전달되어야 하는 것이 아닌가? 구현을 위한 가장 낮은 수준의 제어? 이게 이상하다고 생각하지 않나요? 분명 확장 이후인데..

迷茫 2017-05-19 10:39:54 0  1  581

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

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

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

javascript - Vue의 하위 구성요소에서 상위 구성요소로 매개변수를 전달하는 방법

배경: Vue+ES6, 상위 구성 요소가 생성된 후 하위 구성 요소가 호출되고 onclick 이벤트 트리거가 기본 구성 요소(하위 구성 요소의 하위 구성 요소)에 캡슐화되었습니다. 질문: 이벤트 바인딩이 없을 때 하위 구성 요소는 어떻게 응답합니까? 상위 구성요소는 매개변수를 전달합니까?

给我你的怀抱 2017-05-19 10:20:59 0  8  831

vue3 js 구성 요소: 구성 요소가 업데이트되지 않았습니다.

API에서 데이터를 수집하는 구성 요소가 있습니다. API에서 반환된 데이터는 세부정보가 포함된 배열입니다. 배열의 값 중 하나는 렌더링해야 하는 구성 요소의 유형이며, 다른 모든 데이터는 구성 요소에 전달됩니다. 데이터베이스에서 가져온 값을 기반으로 올바른 구성요소를 렌더링하려고 하는데 안타깝게도 작동하지 않습니다. 저는 Vue를 처음 접했지만 vue2에서는 작동하지만 컴포지션 API를 사용하여 Vue3에서도 작동하길 원합니다. 교체하려는 구성 요소 코드는 다음과 같습니다. <comComponent:is="quest...

P粉779565855 2024-02-25 14:50:02 0  2  494

구성요소에 배열 전달

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

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

javascript - vue의 한 구성 요소가 다른 구성 요소의 이벤트를 더 잘 수신할 수 있는 방법은 무엇입니까?

상위 구성 요소 APP 아래에는 4개의 라우팅 구성 요소 A, B, C 및 D가 있습니다. 이 4개의 라우팅 구성 요소 아래에는 각각 하위 구성 요소 A1, B1, C1 및 D1도 있습니다. 이러한 구성 요소 A1, B1, C1 및 D1을 클릭하면 E 구성 요소의 메서드가 트리거되고 해당 매개 변수가 E 구성 요소의 메서드에 전달됩니다. 이제 내 방법은 ...

習慣沉默 2017-06-14 10:53:44 0  1  694

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

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

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

javascript - vue2.0 하위 구성 요소는 $parent.$emit 및 $on을 사용하여 상위 구성 요소와 통신하고 오류를 보고합니까?

이것은 하위 구성 요소이고 상위 구성 요소입니다. vue2.0에서는 이벤트 속성을 더 이상 사용하지 않으므로 하위 구성 요소의 클릭 이벤트가 상위 구성 요소까지 버블링되는 방식과 상위 구성 요소가 이 이벤트를 수신하고 트리거해야 하는 경우는 언제입니까? . 자식 구성 요소의 클릭 이벤트 아래에 this.$parent.$...를 전달하려고 합니다.

仅有的幸福 2017-05-19 10:32:24 0  1  780

javascript - vue.js 구성 요소 개발 모델에서 스타일이 이 구성 요소와 해당 하위 구성 요소에만 적용되도록 만드는 방법입니다.

범위 지정을 사용하는 경우 스타일은 현재 구성 요소에만 영향을 미칠 수 있으며 하위 구성 요소에는 영향을 줄 수 없습니다. 때로는 디자인 문제로 인해 여러 하위 구성 요소 간에 많은 스타일이 공유될 수 있는지 마스터에게 문의하고 싶습니다. 이 구성 요소와 다른 하위 구성 요소에만 적용됩니다.

怪我咯 2017-05-18 10:51:18 0  1  987

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

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

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

javascript - VUE 상위 컴포넌트 모델이 변경된 후 하위 컴포넌트에 전달된 props가 변경되지 않는 이유는 무엇입니까?

VUE 상위 컴포넌트 모델이 변경된 후 하위 컴포넌트에 전달된 props가 변경되지 않는 이유는 무엇입니까? 상위 구성요소 {code...} 하위 구성요소 {code...} 테스트 메소드를 클릭한 후 상위 구성요소의 배너를 변경합니다. 배너가 하위 구성요소에 전달된 후 하위 구성요소의 모델이 변경되지 않는 이유는 무엇입니까?

習慣沉默 2017-05-19 10:30:47 0  2  706

상위 구성 요소에서 하위 구성 요소로 입력 값 상태를 전달하는 React 메서드

내 배열을 통해 매핑하고 다양한 하위 구성 요소의 반복을 인쇄하는 상위 구성 요소가 있습니다. 상위 구성 요소의 상태에 액세스하려고 하는데 하위 구성 요소에서 "inputValue"에 대한 올바른 상태를 추출하여 상위 구성 요소에 넣는 방법을 알 수 없습니다. 이상적으로는 inputValue 및 isValidated 상태가 모두 상위 구성 요소에 존재하여 다양한 양식 기반 함수에서 사용할 수 있기를 바랍니다. 상위 구성요소: importReact,{useState}from'react';import

P粉300541798 2023-09-17 00:11:51 0  1  713

javascript - vue에서 상위 구성 요소가 인스턴스화되면 하위 구성 요소도 인스턴스화됩니까?

Vue에서 상위 구성 요소가 인스턴스화되면 하위 구성 요소도 인스턴스화됩니까? 그렇지 않은 경우 하위 구성 요소를 인스턴스화하는 방법

给我你的怀抱 2017-05-19 10:44:40 0  1  596

하위 구성요소가 id 매개변수가 있는 함수를 상위 구성요소에 전달할 수 있습니까?

React를 사용하여 하위 구성 요소에서 상위 구성 요소로 id 매개 변수가 있는 함수를 전달할 수 있나요? 함수를 상위 구성 요소에 소품으로 전달하려고 합니다. 구성 요소 솔루션은 App 구성 요소->TasksList 구성 요소->Task 구성 요소입니다. 따라서 특정 작업을 클릭하여 해당 작업으로 라우팅하고 해당 작업의 개별 ID를 사용해야 합니다. 요점은 URL을 클릭하고 작업으로 라우팅한 후 /task/009로 변경되지만 작업 구성 요소가 렌더링되지 않는다는 것입니다. https://codesandbox.io/s/...

P粉550323338 2024-03-20 10:58:24 0  1  464

javascript - vue에서 구성 요소 분할 및 조합 사용 문제

저는 Vue를 처음 사용하고 있습니다. 현재 그리드 구성 요소와 대화 상자 구성 요소를 사용하여 작은 연습을 하고 있습니다. 그리드의 각 행마다 삭제 버튼이 있습니다. 클릭하면 삭제할지 묻는 팝업 창이 나타납니다. 그리드 구성 요소는 아래와 같습니다. 대화 상자 구성 요소는 아래와 같습니다. App.vue에서 vue 인스턴스를 만들고 그리드 구성 요소를 도입합니다. 이제 대화 상자를 표시해야 할지 모르겠습니다.

漂亮男人 2017-05-19 10:37:17 0  1  620

한 구성 요소에서 다른 구성 요소로 문서 ID를 전달하는 방법

한 구성 요소에서 문서를 만들었고 다른 구성 요소에서 해당 ID를 사용하고 싶습니다. 다른 구성 요소에서 문서 ID를 사용하는 방법

P粉821231319 2024-03-20 08:43:56 0  1  506

다른 구성 요소 내에서 Vue 구성 요소를 동적으로 렌더링

Vue3.2.41-@heroicons/vue2.0.14-inertiajs1.0-vite4.0.0 사용 다음을 사용하여 Vue 구성 요소를 호출합니다. 구성 요소는 다음과 같습니다. <template><comComponent:is="icon"/><! -- 작동하지 않습니다--><CalendarDaysIcon/><!--작동합니다-->&

P粉764003519 2023-08-30 20:51:07 0  2  584

javascript - vue2.0 하위 구성 요소는 상위 구성 요소에만 데이터를 전달합니까?

이것이 상위 컴포넌트이고 이것이 하위 컴포넌트입니다. 효과를 설명하겠습니다. "All", 'Recommend', 'Tucao'를 클릭하여 selectType의 값을 변경하여 선택한 버튼의 배경을 변경합니다. '확인 표시'를 클릭하면 선택 항목이 표시되고 선택이 취소되므로 하위 구성 요소에 있는 selectType 및 onlyContent의 두 값...

给我你的怀抱 2017-05-19 10:34:07 0  2  799

React 구성 요소 라이브러리 + SASS 모듈성

저는 React 구성 요소 라이브러리를 개발하기 시작했으며 React가 아닌 다른 프로젝트와 공유하는 일부 SCSS 코드를 재사용하고 싶습니다. 이를 달성하기 위해 React 구성 요소에서 SASS 모듈을 사용하려고 합니다. 간단한 사용 사례는 잘 작동하지만 구성 요소 라이브러리를 만드는 중이고 버튼과 같은 특정 구성 요소에 대해 여러 스타일 조합이 필요합니다. 이제 Button 구성 요소에 문제가 있습니다. 구성요소는 매우 간단하지만 3가지 변형 값이 있습니다. 이것은 Button.tsx 파일입니다: importReactfrom&...

P粉818306280 2024-03-26 21:31:03 0  2  441

Vitest에서 React 구성요소 시뮬레이션

하위 구성 요소가 조롱될 때 상위 구성 요소의 하위 구성 요소가 올바른 props를 사용하여 올바르게 호출되는지 어떻게 테스트할 수 있습니까? 오류가 발생합니다: RangeError: Maximumcallstacksizeexceeded 내 vitest 구성: importsvgrfrom'vite-plugin-svgr'import{defineConfig}from'vitest/config'importtype{UserConfig}from'vitest/c

P粉547420474 2024-01-16 11:10:45 0  1  553