반응형

분류 전체보기 2342

라우터 v4 모달 반응

라우터 v4 모달 반응 이전 버전의 Raction Router에서 수행하는 방법은 알고 있지만 새로운 Raction Router v4에서는 전혀 알지 못한다.누가 좀 도와줄래? 내가 원하는 게 뭐야? 브라우저 url에 /image/1을 입력하면 페이지가 정상적으로 나타난다. 클릭할 때Image as modal위엄 있게modal: true, 이미지가 있는 모달은 나타나지만 모달 뒤에 있는 모달은 브라우저의 이전 컨텐츠 + url이어야 한다 == /image/1...그러면 F5를 누르면 페이지가 정상적으로 나타난다. 예: 인스타그램...등 내가 뭘 잘못하고 있다고 생각하나? 나는 이전의 내용을 어떻게 표시해야 할지 모르겠다.내가 추측하는 것은 그것뿐이다. 코드 : const Images = (props) =..

programing 2022.03.11

레이아웃 페이지 또는 페이지당 여러 구성 요소와 함께 반응 라우터 사용

레이아웃 페이지 또는 페이지당 여러 구성 요소와 함께 반응 라우터 사용 기존 프로젝트에 리액션 라우터를 추가한다. 현재 모델은 서브 내비게이션용 내비게이션 구성 요소와 메인 구성 요소를 포함하는 루트 구성 요소로 전달된다. 내가 찾은 리액션 라우터의 예로는 하위 구성요소가 하나뿐인데, 둘 다에서 레이아웃 코드를 반복하지 않고 여러 하위 구성요소를 변경하는 가장 좋은 방법은 무엇인가?만약 내가 당신을 정확히 이해했다면, 당신은 당신의 안에 여러 구성요소를 정의 할 것이다.Route. 다음과 같이 사용할 수 있다. // think of it outside the context of the router, if you had pluggable // portions of your `render`, you migh..

programing 2022.03.11

Nuxtjs는 '분할을 위해 / 를 많이 던지는 것은 더 이상 사용되지 않으며 다트 사스 2.0.0에서 제거될 것이다.`

Nuxtjs는 '분할을 위해 / 를 많이 던지는 것은 더 이상 사용되지 않으며 다트 사스 2.0.0에서 제거될 것이다.` 많은 오류를 발생시키는 vuetify를 사용하는 NuxtjsUsing / for division is deprecated and will be removed in Dart Sass 2.0.0.실타래 동안 Nuxtjs: v2.15.6 @nuxtjs/vuetify": "1.11.3", "sass": "1.32.8", "sass-loader": "10.2.0", 고칠 줄 아는 사람? : Using / for division is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div($grid-gutter, 3..

programing 2022.03.11

반응-축소 사용선택자 형식 상태 유형

반응-축소 사용선택자 형식 상태 유형 나는 그것을 사용하고 있다.useSelector(state => state.SLICE_NAME)React-Redex에서 후크를 사용하지만 후크를 정의하는 데 어려움이 있음state매개 변수기본적으로 다음과 같이 설정되어 있다.unknown그래서 내가 돌아오려고 할 때 오류가 생긴다.state.SLICE_NAME(Error: Object is of type 'unknown'). 다음을 정의하려면state별도의 상태 유형을 수동으로 생성하지 않고 새로운 상태 정의가 생성될 때마다 추가하시겠습니까? 나는 상태를 다음과 같이 정의하려고 노력했다.typeof store하지만 그건 효과가 없어 설명에 도움이 되는 몇 가지 코드: // navDrawer.ts import { cr..

programing 2022.03.11

Vuetify에서 v-card 구성 요소의 중앙에 콘텐츠를 맞추는 방법

Vuetify에서 v-card 구성 요소의 중앙에 콘텐츠를 맞추는 방법 현재 제품에 포함되어 있다.vue, 나는 4개의 객체를 포함하는 productList의 배열을 가지고 있다.어레이를 반복해서 각 개체를 ProductsItem에 전달한다.부에 구성 요소그 구성 요소에서, 나는 부에티피로 카드를 만든다. 카드의 중앙에 내용물을 맞출 수 없다. 여기 내 코드, 내 카드의 스크린샷, 그리고 원하는 결과물이 있다. 상품들부에를 하다 Products ProductItem.부에를 하다 {{productItem.name}} {{productItem.description}} Add to Cart 업데이트: Vuetify 1.5 및 2 버전 모두에서 작동: 중앙 집중화하려면v-card-text내용은 단지 적용하기cl..

programing 2022.03.11

반응을 사용하여 개체 배열을 다른 구성 요소로 전달

반응을 사용하여 개체 배열을 다른 구성 요소로 전달 어레이 라인 소품을 하위 구성 요소에 전달할 수 있는 방법이 있는가?- 결과 구성요소는 데이터를 렌더링하기 위해 주 구성요소의 배열이 필요하다.이거 어떻게 하는 거야?단일 ID 전송에 대한 다른 논의가 있다. - URL에도 추가되지만 - 내 질문은 링크와 함께 n개의 개체 수 배열처럼 데이터를 전송할 수 있는 방법이 있을까? 업데이트됨: client/index.js import React from 'react'; import { render } from 'react-dom'; import { BrowserRouter as Router } from 'react-router-dom'; import { Provider } from 'react-redux'; ..

programing 2022.03.11

history hook in jest를 조롱하는 방법?

history hook in jest를 조롱하는 방법? 형식 설명과 함께 반응 라우터 v5.1.2에서 UseHistory 후크를 사용하는 중?유닛 테스트를 할 때 문제가 생겼다. TypeError: 정의되지 않은 속성 'history'를 읽을 수 없음. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history'; import * as router from 'react-router'; import { QuestionContainer } from './QuestionsContainer'; describe('My questions container', () => { beforeEach(() => { const..

programing 2022.03.11

ReactRedex 오류: 기본 파라미터는 default-param-last여야 함

ReactRedex 오류: 기본 파라미터는 default-param-last여야 함 Resact I에서 Redex를 사용하면 기본 파라미터가 default-param-last여야 한다는 경고가 표시됨.내가 경찰 창고를 만들었던 선에 말이야내가 어떻게 코드를 만들었는지에 문제가 있나?아니면 더 좋은 코드가 있을까? 여기 내 암호들이 있다. import {SAVE_ACTION} from '../actions/save-action'; cons initialState = { datasToSave:[] }; const warehouse = (state = initialState, {type, payload}) => { switch(type) { case SAVE_ACTION: { const {datasToSave..

programing 2022.03.11

구독이 더 이상 사용되지 않음:오류 콜백 대신 관찰자 사용

구독이 더 이상 사용되지 않음:오류 콜백 대신 관찰자 사용 내가 린터를 돌리면 다음과 같이 되어 있다. subscribe is deprecated: Use an observer instead of an error callback 코드(각-cli가 있는 각도 7 앱에서): this.userService.updateUser(data).pipe( tap(() => {bla bla bla}) ).subscribe( this.handleUpdateResponse.bind(this), this.handleError.bind(this) ); 뭘 어떻게 사용해야 하는지... 고마워!subscribe더 이상 사용되지 않고, 당신이 사용하고 있는 변종만 더 이상 사용되지 않는다.미래에subscribe오직 하나의 주장만을 ..

programing 2022.03.11
반응형