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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

구성요소에 배열 전달

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

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

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

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

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

다른 구성 요소 내에서 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  525

javascript - vue가 구성 요소 동적 구성 요소를 사용하지 못하는 이유는 무엇입니까?

1. 구성요소를 사용한 구성요소의 동적 추가가 실패하는 이유는 무엇입니까? &lt;template&gt; {code...} &lt;/template&gt;import modal from './company/modal.vue'export default { {code...} } 먼저 구성요소를 동적으로 추가할 수 있습니다.

仅有的幸福 2017-05-31 10:39:56 0  2  780

Vue 3을 사용하여 하위 구성 요소의 상위 구성 요소 참조 변경

Navbar라는 하위 구성 요소가 있습니다. 로그아웃은 탐색 표시줄의 옵션입니다. <a@click="(event)=>{event.preventDefault();}">로그아웃</a> 이 Navbar를 Home이라는 상위 구성 요소로 가져왔습니다. 홈 구성 요소에는 div(모달 상자), <divclass="modal"v-if=&quot가 있습니다.

P粉615886660 2023-12-05 14:45:34 0  2  567

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

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

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

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

javascript - vue 부모-자식 구성 요소가 데이터를 전달합니다.

상위 구성 요소는 하위 구성 요소에 배열을 전달합니다. 이 데이터는 하위 구성 요소에서 호출되어야 합니다. 1. 자식 컴포넌트는 props를 사용해 부모 컴포넌트의 데이터를 받기 때문에 js에서는 사용할 수 없습니다. 2. wacth 메소드를 사용하여 모니터링하고 전혀 실행하지 않습니다. 답변해 주세요. 감사합니다.

高洛峰 2017-06-26 10:57:44 0  4  992

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

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

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

Vue 3에서 구성요소 가져오기

안녕하세요, Vue3에서 구성 요소를 가져오려고 합니다. 이것은 내 구성 요소 구조입니다. +src+App.vue+comComponents+Navbar.vue 내 App.vue에서 다음을 시도했습니다. <scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/vue/ 2.5.17/ vue.js"></script><템플릿><

P粉564192131 2024-01-21 16:26:14 0  2  631

Symfony - EventDispatcher 구성 요소

감사합니다. 최근에 Symfony2를 배웠는데 지금은 EventDispatcher 구성 요소를 이해할 수 없고 공식 문서도 명확하지 않습니다. . 해결하다

ringa_lee 2017-05-16 16:44:48 0  1  309

javascript - React 구성 요소 소품 및 상태 문제

이제 여기에 아이디어가 생겼지만 이전에 구체적으로 해본 적이 없어서 실현 가능한지는 모르겠습니다. 예: {Code...} 상위 구성 요소에는 재사용된 하위 구성 요소가 여러 개 포함될 수 있습니다. 상위 구성 요소는 서버에서 데이터를 가져오는 역할을 담당하고 하위 구성 요소는 상위 구성 요소에서 가져온 데이터를 렌더링하는 역할을 합니다. 이것은 모두 정상입니다. 지금...

我想大声告诉你 2017-06-26 10:57:39 0  6  758

다른 구성 요소에서 구성 요소 및 해당 속성/메서드 가져오기

如果我有组件LogoutButton.vueexportdefault{data(){return{}},methods:{Logout(){console.log("something")}}}</script><template><button@click="Logout" >로그아웃</button>&

P粉696605833 2023-09-12 14:18:12 0  1  484

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