css3

Jest를 사용하여 거절된 약속을 어떻게 테스트합니까? 코드 import { createUser } from '../services'; ... ... handleFormSubmit = () => { this.setState({ loading: true }); createUser() .then(() => { this.setState({ loading: false, }); }) .catch(e => { this.setState({ error: e, }); }); }; 시험 it('rejects...', () => { const Container = createUserContainer(CreateUser); const wrapper = shallow(); return wrapper.instance().hand..

npm install -> node-sass@4.5.0 포스트 인스톨 스크립트에서 실패했습니다. 하려고 합니다.npm install에러가 표시됩니다. Failed at the node-sass@4.5.0 postinstall script. 삭제하려고 했습니다.node_modules재인스톨 하면, 같은 에러가 표시됩니다.해결책은 무엇일까요? 노드 v8.9.3 npm v5.4.2 이온 3.19.0같은 문제 발생(노드 v10.3.0, 이온 3.13.0).이것은 효과가 있었다: 삭제package-잠그다.json, 삭제node_modules폴더, 달려.npm install다시. 해라 sudo rm -rf package-lock.json node_modules sudo npm cache clean --force n..

react-back to page history를 설정하려면 어떻게 설정합니까? 특정 경로가 아닌 이전 페이지로 돌아갈 수 있는 방법을 가르쳐 주실 수 있습니까? 이 코드를 사용하는 경우: var BackButton = React.createClass({ mixins: [Router.Navigation], render: function() { return ( Back ); }, navigateBack: function(){ this.goBack(); } }); 이 에러가 발생합니다.라우터 이력이 없기 때문에 goBack()은 무시되었습니다. 내 경로는 다음과 같습니다. // Routing Components Route = Router.Route; RouteHandler = Router.RouteHandl..

오류: 파일을 찾을 수 없습니다. 'index.js'가 디스크의 해당 이름과 일치하지 않습니다. '.node_modules/React/React' 닫았습니다. 이 질문은재현할 수 없거나 오타가 원인입니다.현재 답변을 받고 있지 않습니다. 이 질문은 오타 또는 더 이상 재현할 수 없는 문제로 인해 발생합니다.비슷한 질문들이 주제일 수 있지만, 이 질문은 미래의 독자들에게 도움이 될 가능성이 적은 방법으로 해결되었다. 1년 전에 문을 닫았어요 이 질문을 개선하다 다음은 오류 및 콘솔 오류 이미지입니다. 코드가 맞는 것 같고, Import 경로도 좋은데 왜 이런 오류가 발생하는지 모르겠습니다. Notifications.js import React from 'React' const Notifications = ..

구성요소는 어느 수준에서 Stores in Flux의 엔티티를 읽어야 합니까? Flux를 사용하기 위해 앱을 다시 쓰고 있는데 Stores에서 데이터를 검색하는 데 문제가 있습니다.컴포넌트도 많고, 둥지도 많이 있습니다.큰 것도 .Article ).UserAvatar,UserLink를 참조해 주세요. 컴포넌트 계층에서 Stores의 데이터를 어디서 읽어야 할지 고민하고 있습니다. 는 두 가지 방법을 해 보았지만에 들지 않았다. 모든 엔티티 구성 요소가 자체 데이터를 읽습니다. Store에서 일부 데이터가 필요한 각 구성 요소는 엔티티 ID만 수신하고 자체적으로 엔티티를 검색합니다. 를 들어, 「」라고 하는 것은,Article「」에됩니다.articleId,UserAvatar ★★★★★★★★★★★★★★★★★..

JavaScript 및 ES6, "글로벌" 변수 저는 3년 동안 JavaScript의 작은 조각으로 작업해 왔지만, 지금은 React 어플리케이션을 만들고 있습니다.저는 기본적인 이해가 안 되는 것이 있습니다.React는 Dispatcher와 Stores를 사용하여 플럭스 패턴을 구축합니다.Actions는 디스패처를 사용하여 액션을 디스패처에 보내고 Stores는 디스패처에 등록하여 알림을 받기 때문에 이 디스패처는 매번 새로운 디스패처가 아닙니다.그렇다면 어떻게 하면 이 '글로벌' 범위를 달성할 수 있을까요?ES6 클래스(모듈)를 사용하여 이를 실현하려면 어떻게 해야 합니까? 이 질문은 실제 JavaScript를 프로그래밍한 경험이 부족하기 때문에 불분명할 수 있습니다.커뮤니티 코멘트를 많이 받아 정리..

React Functional 컴포넌트: 함수와 컴포넌트로 호출 기능하는 컴포넌트가 있다고 합시다. const Foo = (props) => ( {props.name} ); 함수로서 직접 호출하는 것과 다른 점은 무엇입니까? const fooParent = () => ( {Foo({ name: "foo" })} ) 컴포넌트라고 부르는 것과 비교해서: const fooParent = () => ( ) 성능의 영향, 내부적으로는 React가 어떻게 다른지, 기능적인 컴포넌트가 성능을 향상시켰다고 하는 React Fiber가 어떻게 다른지 등에 관심이 많습니다.함수라고 부르는 것이 훨씬 빠릅니다. 사실, 몇 달 전에 정확히 이것에 대한 이야기가 있었습니다.현시점에서는 기능성 반응 컴포넌트는 Pure Compo..

create-react-app로 구축된 React 프로젝트를 다음 create-react-app 버전으로 업그레이드하는 방법은 무엇입니까? 리액트 프로젝트는create-react-app1.5. 의 기능을 취득하고 싶다.create-react-app리액트 프로젝트용 2.0 구체적으로는, https://github.com/facebook/create-react-app/pull/3909 를 사용하고 싶습니다.기본적으로는create-react-app프로젝트, 당신이 해야 할 일은 모듈을 최신 버전으로 업데이트 하는 것 그리고 당신의 앱이 깨진 변경에 호환되도록 업데이트 하는 것입니다.react-scripts. 실행 후 앱을 재구축하면 변경사항이 발생하지 않는 한 모든 것이 어느 정도 작동합니다. 언급URL : ..

MUI Box 컴포넌트의 용도는 무엇입니까? 아무리 노력해도 여기에 나와 있는 설명을 이해할 수 없다. Box 컴포넌트는 대부분의 CSS 유틸리티 요구에 대한 래퍼 컴포넌트로 기능합니다. CSS 유틸리티의 요구는 무엇입니까? 이 컴포넌트의 사용 예는 무엇입니까?어떤 문제가 해결됩니까?당신은 이것을 어떻게 사용하세요? MUI 문서는 매우 제한적이고 이해하기 어렵습니다.구글을 검색해 봤지만, 일반적으로는 소재 UI 사용 방법에 대한 꽤 가벼운 블로그 게시물만 발견됩니다.이 컴포넌트를 이해하는 데 도움이 될 뿐만 아니라, 좋은 자원도 있으면 고맙게 생각합니다. (배경에서는 일반적으로 React, JS, CSS, HTML 등을 이해하고 있습니다만, 후자의 경우는 강도가 낮습니다).MUI v4를 사용합니다.에서 ..

react-router 해시 조각에서 쿼리 매개 변수를 가져오는 중 클라이언트측 어플리케이션에 리액트 및 리액트 라우터를 사용하고 있습니다.다음과 같은 URL에서 다음 쿼리 파라미터를 얻는 방법을 알 수 없습니다. http://xmen.database/search#/?status=APPROVED&page=1&limit=20 루트는 다음과 같습니다(경로가 완전히 잘못되어 있습니다). var routes = ( ); 루트는 정상적으로 동작하고 있지만 원하는 파라미터를 얻기 위해 경로를 포맷하는 방법을 잘 모르겠습니다.도움에 감사드립니다!주의: 댓글에서 복사/붙여넣기.오리지널 포스트를 꼭 마음에 들어하세요! es6에 기록하고 0.14.6 / 리액트 라우터 2.0.0-rc5를 사용합니다.이 명령어를 사용하여 컴..