c10106

슈퍼 컴포넌트의 상태가 변경되었을 때 라우터 내부에 있는 컴포넌트의 재렌딩을 방지하는 방법? 상위 구성요소의 상태를 업데이트하면, 라우터로 포장된 구성요소의 내부 하위 구성요소도 다시 렌더링되어 하위 구성요소의 상태가 초기값으로 재시작된다.아이에게 어떤 소품도 건네주지 않고 의존하지 않을 때도 말이다. 어떻게 하면 이것을 막을 수 있을까?여기서 데모를 찾을 수 있다.자식 구성 요소의 상태를 전환한 다음 부모 구성 요소의 상태를 변경하면 무슨 일이 벌어지는지 알 수 있다.네 문제에 대한 간단한 해결책이 있어! 인index.js, 이 행 변경: } /> 이 경우: } /> 의 차이점component그리고render익명의 기능이 있는 소품은 다음과 같다.component={() => }부모가 그럴 때 항상 재..

Vue.JS - 기본 레이아웃 구성 요소 및 라우팅 나는 메인 레이아웃 구성요소(고정된 상단 헤더와 라우터 링크 구성요소에 의해 만들어진 다중 링크가 있는 왼쪽 메뉴에 의해 구성되는 구성 요소)와 페이지의 끝부분인 "동적" 레이아웃 구성요소를 가지고 있다. 나는 이것을 왼쪽 메뉴의 클릭된 링크에 따라 다른 구성요소를 라우팅하여 내 사이트의 중심을 변경하고 싶다. 이를 위해 내 앱에 라우터 보기를 배치했다.다음 코드와 같이 내 앱에서 Vue 구성 요소의 상위 수준인 Vue: 머리글과 왼쪽 메뉴를 포함하는 메인 레이아웃 구성요소가 있으며, 이것은 내 웹사이트의 고정된 부분이다. 내 sideNavMenu 구성 요소에는 이와 같은 여러 라우터 링크 구성 요소가 포함됨 Accueil 특정 URL을 vue 구성 요..

환원기 사가의 구성 요소에서 환원기 상태 변경 청취 반응 어플리케이션에 Redex-saga를 사용하고 있다.나는 부품에 주문 목록과 디스플레이를 가져와야 한다.나는 같은 이유로 액션과 환원기, 그리고 이야기를 만들어냈다. 나는 사극에서 API를 치고 있다. 사가 import { call, put } from "redux-saga/effects"; import { path } from "ramda"; import OrdersActions from "../Redux/OrdersRedux"; export function* getOrders(api, action) { const { header } = action; console.log("order header", action); // make the call ..

상태 후크를 사용하는 기능 부모 구성 요소에서 소품을 전달하려면 어떻게 해야 하는가? 그래서 이 UserData 앱(연습용)을 작업하고 있다.하드코딩된 사용자 데이터를 저장하는 구성 요소가 하나 있는데, 즉 사용자 개체가 서로 다른 어레이가 있다.내 앱에서 화면 왼쪽에 사용자 목록(사용자 이름만 표시)이 있고, 목록에서 선택한 사용자에 대한 모든 세부 정보를 표시하는 오른쪽 패널이 필요하다.(스크린샷을 확인하십시오.)데이터를 기능 상위 구성 요소인 AppContainer.js로 가져오는데, 여기서 상태 후크를 사용하여 선택한 사용자 ID를 상태 = 'selectedUserId'로 저장한다.첫 번째 렌더링에 대해 null 값을 지정하여 아무나 클릭하기 전에 '사용자 선택'이라고 표시한다.my handleC..

Reducx 상태가 mapStateToProps에서 정의되지 않음 나는 현재 이 튜토리얼을 따르고 있다.나는 관련된 약간의 장애에 부딪혔다.mapStateToProps다음 코드로: import React from 'react'; import Voting from './voting'; import {connect} from 'react-redux'; const mapStateToProps = (state) => { return { pair: state.getIn(['vote','pair']), winner: state.get('winner') }; } const VotingContainer = connect(mapStateToProps)(Voting); export default VotingContaine..

각도2 재료 'md-icon'은 알려진 요소가 아님 나는 @angular2-material 2.0.0-alpha.8-2 버전을 사용하는 각도2 어플리케이션을 가지고 있다.모든 것이 잘 된다.이제 재료 버전을 최신 버전인 2.0.0-알파.9-3으로 업그레이드하기로 결정했다.GETT_STARTED에 언급된 단계를 따랐다.이전에 나는 아래와 같이 개별 모듈을 수입했었다. @NgModule({ imports: [ BrowserModule, FormsModule, HttpModule, RouterModule, MdIconModule, MdButtonModule, MdCardModule, MdCheckboxModule, .... .... 그러나 2.0.0-알파.9-3 버전의 변경 로그에는 다음과 같이 적혀 있다. ..

eslint 구문 분석 오류:예기치 않은 토큰 = eslint는 왜 이 오류를 던지는가?Javascript는 Resact Native 내에서 문제없이 실행된다.이 코드는 https://reactnavigation.org/docs/intro/의 react-reason 예에서 추출되었다. 자바스크립트: static navigationOptions = { header: null }; eslint 오류: error Parsing error: Unexpected token = .eslintrc.js 파일: module.exports = { "extends": "standard", "plugins": [ "react", "react-native" ] }; 구문은 아직 표준화되지 않았지만, Javascript에 포함..

어떤 환원 미들웨어를 선택해야 할까? 가이드에 따라, 나는 환원 적용을 위해 있는 미들웨어의 종류에 이르렀다. Redex Thunk, Redex Promise, Redex Promise 미들웨어, Redex 관찰 가능, Redex Saga, Redex Pack 그것은 단지 우리가 어떤 미들웨어를 선택하는가에 관한 선호의 문제일 뿐이다.그러나 나는 컨벤션 선택권을 요구하는 것이 아니다. 성능, 브라우저 지원, 활용 사례 등 서로 다른 점이 있는지 알고 싶다.아니면 내가 놓치고 있는 그 어떤 것이든지.나는 이것들을 위해 열심히 조사했지만 어떤 기사도 찾을 수 없었다. 그래서 나는 내 어플리케이션에 미들웨어를 고르는 것을 고려할 수 있다.미들웨어가 다른 특별한 사용 사례를 알고 있다면 미들웨어를 선택하는 것도..

Vue 3, 변동 변화에 대해 $emit 호출 그래서 나는 형태로서의 역할을 하는 Vue 3에 구성 요소를 구축하려고 하는데, 부모가 데이터를 처리하기 위해서는 변경에 관한 모든 입력이 있는 물체를 내보내고 싶다.내가 가지고 있는 문제는 내가 전화를 할 수 없을 것 같다는 것이다.$emit안에서watch()(아마도 컨텍스트 때문이지만, 구성 요소 전체 컨텍스트가 디폴트로 통과되지 않고, 수락되지 않는 이유 또한 알 수 없다.this나도 같은 이유로 어떤 방법도 부를 수 없다. 나는 몇몇 사람들이 그것을 사용하는 것을 본다.watch: {}구문이지만 내가 이해한 바로는 그것은 더 이상 사용되지 않고 나 역시도 이해가 되지 않는다. 여기 내가 성취하고자 하는 것의 최소한의 예가 있다.입력 날짜가 변경될 때마..

방법 대 Vue에서 계산된 방법 a의 주요 차이점은 무엇인가?methods그리고 acomputedVue.js의 가치? 그들은 똑같고 서로 바꿀 수 있어 보인다.계산된 값과 방법은 Vue에서 매우 다르며 대부분의 경우 상호 교환할 수 없다. 계산된 속성 계산된 값에 더 적합한 이름은 계산된 속성이다.실제로 Vue가 인스턴스화되면 계산된 속성은 게터(getter)와 때로는 세터(setter)로 Vue의 속성으로 변환된다.기본적으로 계산된 값을 계산하는 데 사용되는 기본 값 중 하나가 업데이트될 때마다 자동으로 업데이트되는 파생 값으로 생각할 수 있다.계산된 연산자를 호출하지 않고 어떤 파라미터도 허용하지 않는다.데이터 속성과 마찬가지로 계산된 속성을 참조하는 경우.설명서의 전형적인 예는 다음과 같다. com..