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

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

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

Nuxt 2(vuejs) 스토어에서 모드 활성화

vuex 스토어에서 모달 구성 요소를 활성화해야 합니다. 결과 API가 성공하면 'this.$refs['modalSuccess'].show()'를 사용하여 구성 요소 내부에 모달을 표시합니다! 그런데 "sendLeadResponse" 함수를 메소드(컴포넌트)에서 액션(스토리지)으로 변경해야 합니다. 그 후에는 더 이상 'this.$refs['modalSuccess'].show()'를 사용하여 모달을 활성화할 수 없습니다. 매장에서 전화할 수 있는 방법은 없나요? 다음 흐름은 다음과 같습니다. 버튼: 구성 요소 내부...

P粉693126115 2023-09-02 21:26:44 0  1  514

vim이 VISUAL 모드에서 선택한 문자 수를 표시하도록 하는 방법은 무엇입니까?

이것은 내 상태 표시줄 설정입니다: {code...} 표시 효과는 {code...} VISUAL 모드에 포함된 문자 수를 표시하는 표시 항목을 추가하고 싶습니다.

PHPz 2017-05-16 16:38:02 0  1  710

스타일이 지정된 구성 요소에서 구성 요소를 반복 배경 이미지로 사용할 수 없는 이유는 무엇입니까?

div의 반복되는 배경 이미지로 구성 요소를 설정하려고 하면 웹 사이트 전체에서 재사용되는 패턴이 있습니다. 간소화된 패턴 구성 요소: importReactfrom'react'importPropTypesfrom'prop-types'importstyledfrom'styled-comComponents'constContainer=styled.svg`height:${({height})=>height};`constPath

P粉909476457 2023-09-12 16:55:41 0  1  495

VueJS를 사용하는 ComboBox 템플릿 구성 요소

vuejsv3을 사용하여 Combobox 템플릿 구성 요소를 만들고 싶습니다. 이를 위해 다음 코드가 있습니다. <template><selectname={{selector_name}} class="combobox"id={{selector_id}}>v-for=optin{{ selector_options} }<optionvalue=opt>옵션</optio

P粉550323338 2023-09-03 22:34:50 0  1  442

Ionic 6의 Ionic 모드에서 스크롤바 스타일 지정: 단계별 가이드

ion-modal에는 콘텐츠가 넘칠 경우 나타나는 기본 스크롤 막대가 있습니다. 스크롤바의 스타일을 지정하고 싶습니다. ::-webkit-scrollbar, ::-webkit-scrollbar-track 및 ::-webkit-scrollbar-thumb을 사용하여 앱에서 스크롤바의 스타일을 지정할 수 있지만 모달에서는 작동하지 않는 것 같습니다. ion-content::-webkit-scrollbar와 같이 모달 내부의 여러 구성 요소에 이러한 요소를 적용하려고 시도했지만 적용되지 않았습니다.

P粉547362845 2024-01-04 20:51:07 0  1  456

Java의 일반적인 디자인 패턴

최근 디자인 패턴을 공부하고 싶은데, 디자인 패턴이 꽤 많네요. 흔히 사용되는 디자인 패턴은 무엇인지 여쭤보고 싶습니다.

仅有的幸福 2017-05-27 17:41:16 0  8  895

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

phpstudy8.0에서는 서비스 모드와 비서비스 모드도 설정할 수 있나요?

phpstudy8.0에서 서비스 모드와 비서비스 모드를 설정할 수 있나요? 여기저기 찾아봐도 설정이 없어서 먼저 구버전으로 전환했습니다.

一生光明 2019-10-29 11:27:38 0  0  983

Vue의 동일한 구성 요소에 있는 여러 모달 상자를 프로그래밍 방식으로 렌더링

내 구성 요소에는 콘텐츠가 다른 세 가지 팝업 모달이 있습니다. 특정 버튼을 클릭하면 해당 팝업 모달을 열어야 합니다. 버튼 1 - <s-buttontype="button" class="bl_btn"@click="onClickProdOpen">제품 세부정보</s-button>에 대해 내가 하고 있는 작업은 다음과 같습니다. 이 모달 1의 경우 <s- modal입니다.

P粉627027031 2023-08-28 16:23:40 0  1  558

여러 React-Bootstrap 패턴을 사용하는 방법은 무엇입니까?

내 데이터를 매핑하는 반응 부트스트랩 모달이 있지만 문제는 모달을 클릭하면 모든 양식이 동일한 데이터를 표시하고 이는 분명히 모든 양식에서 배열의 마지막 항목이라는 것입니다. 모달을 동적으로 생성하고 다른 모달에 대해 다른 데이터를 표시하고 싶습니다. constcontent:{cardimg:string,Name:string,Post:string,Nation:string,About:string,mod:string}[]=[{"cardimg&quot

P粉277464743 2024-04-01 17:22:14 0  1  379

Visual-studio - C++로 이진 트리를 작성할 때 템플릿을 사용하고 친구 클래스를 설정하면 오류가 발생합니다.

문제 설명 제목에서 알 수 있듯이 저는 최근에 데이터 구조를 배우고 이를 C++로 구현하면서 이진 트리를 구현할 때 다음과 같은 문제에 직면했습니다. 책의 코드에서 이진 트리는 BinaryTree와 BinartTreeNode라는 두 가지 데이터 구조로 구성되며 둘 다 다음과 같이 템플릿을 사용합니다. {Code...} 그런데...

迷茫 2017-05-16 13:29:03 0  1  630

es6 모듈 간에 객체를 공유하는 방법

es6 moudle을 사용하여 a, b, c 세 개의 모듈이 있습니다. 모듈 a에는 객체 obj가 있으며 모듈 b와 모듈 c는 모두 {obj}를 가져옵니다. b는 모듈 a를 변경해야 합니다. 전통적인 방법은 전역 변수를 직접 수정하는 반면, es6의 모듈은...

阿神 2017-05-19 10:47:01 0  1  651

비연속적인 반복 시퀀스에 대한 패턴 일치 정규식

모든 문자가 숫자 [0-9] 또는 "0z8b816ne139z1b948bjk50f9498t139gjj90t7tb3509w6h0r7tbp"와 같은 소문자 [a-z]인 의미 없는 긴 문자열이 있습니다. 문자열에서 항목과 일치할 수 있는 정규 표현식을 원합니다. 패턴을 사용하여 출력을 다음과 같이 하고 싶습니다. 굵은 부분은 일치하는 부분 "0z8b816ne139z1b948bjk50f9498t139"입니다.

P粉563831052 2023-09-16 20:48:28 0  1  473

phpstudy에서 iis 모드를 활성화하는 방법

phpstudy에서 iis 모드를 활성화하는 방법

SAdmin 2017-09-13 10:08:53 0  1  1584