itover

React Query와 Redux의 주요 차이점은 무엇입니까? 현재 사용하고 있습니다.redux국가 경영을 위한 다양한 프로젝트에 참여했습니다.며칠 전에 제가 들은 게react-query또한 상태 관리에도 사용되며 캐시 및 비동기 가져오기 기능을 제공합니다.나는 이 두 도서관의 주요 차이점을 알아내려고 한다.사용처react-query이 경우 리덕스가 필요해요리액트 쿼리는 전문 라이브러리라고 할 수 있습니다.API 캐시를 보유하고 있습니다.게다가 전문화 되어 있기 때문에, 그 작업을 꽤 잘 해, 코드가 적게 필요하게 됩니다. 한편, Redex는 거의 모든 것을 저장할 수 있는 도구를 제공하지만, 논리를 작성해야 합니다.따라서 Redx에서 더 많은 작업을 수행할 수 있지만, 전문 라이브러리에서는 필요하지 않..

React 구성 요소의 렌더링 지연 다수의 하위 구성 요소가 포함된 React 구성 요소가 있습니다.한 번에 렌더링하는 것이 아니라 다소 지연된 후(아이마다 동일하거나 다름) 하위 구성요소를 렌더링하고 싶습니다. 궁금해서 그러는데, 어떻게 하는 방법이 있을까요? 가장 직관적인 '기다리다'라는말을 하는 합니다.prop부모로부터 물려받은 기간 동안 컴포넌트를 숨깁니다.기본 상태를 숨김으로 설정해도 React는 구성 요소를 즉시 렌더링하지만 상태가 변경될 때까지 표시되지 않습니다.그러면 셋업할 수 있습니다.componentWillMount소품을 통해 전달된 시간이 지나면 함수를 호출하여 보여주는 것입니다. var Child = React.createClass({ getInitialState : function..

반응 네이티브 응용 프로그램에서 클릭 기능이 작동하지 않습니다. 나는 원어민 반응을 처음 본다.사용자가 텍스트를 클릭하면 함수를 호출하기 위해 다음과 같은 코드를 작성했습니다. var login = React.createClass({ openPopup: function(){ console.log("function called"); }, render: function(){ return ( Login ); } }); 위 코드에 잘못된 부분이 있습니까?로그인 텍스트를 클릭해도 콘솔에서 피드백을 받을 수 없습니다. 편집 이 질문은 네이티브에 따라 다릅니다.스택 오버플로의 다른 질문과는 중복되지 않습니다.이거 드셔보세요. ... 다음 래퍼 구성 요소 중 하나를 사용해야 합니다.아래는 크로스 플랫폼에서도 사용할 수..

create-react-app을 사용할 때 사용자 지정 빌드 출력 폴더 사용 은 Facebook을 합니다.create-react-app 리액트 앱을 빌드하는 명령어.달릴 때npm run build은 '보다 낫다'에서 볼 수 /build더입니니다다 npm 빌드 실행 프로덕션용 앱을 빌드 폴더에 빌드합니다.프로덕션 모드에서 React를 올바르게 번들하고 최고의 성능을 위해 빌드를 최적화합니다. 빌드가 최소화되고 파일 이름에 해시가 포함됩니다.앱을 배포할 준비가 되었습니다! instead instead instead instead instead instead instead instead 가 아닌 /build력에대??? ??감사해요.★★★★★★★★★★★★★★★★ react-scripts >= 4.0.2이는 공식..

리액트 라우터에서 일반 앵커링크를 사용하는 방법 리액트 라우터를 사용할 때 페이지 내 네비게이션에 앵커링크를 사용하는 방법은 다음과 같습니다. 즉, 리액트 라우터를 사용할 때 다음과 같은 플레인 HTML을 구현하려면 어떻게 해야 합니까? Question 1 Question 2 Question 3 Question 1 Question 2 Question 3 현재 이러한 링크의 클릭을 대행 수신하여 앵커 위치까지 스크롤합니다.이는 페이지의 일부 섹션에 직접 연결할 수 없음을 의미하기 때문에 만족스럽지 않습니다.앵커 링크의 문제는 리액트라우터의 디폴트로는 URL 내의 해시를 사용하여 상태를 유지하는 것입니다.다행히 위치 설명서에 따라 기본 동작을 다른 동작과 바꿀 수 있습니다.이 경우 HistoryLocatio..

머티리얼 UI에 이미지 컴포넌트가 있습니까? 이전에 다른 리액션 컴포넌트를 사용했는데, 대부분 이미지 컴포넌트가 있는데, Material-UI에서는 찾을 수 없습니다. 아니면 Card Media API를 통해 이루어집니까?아니면 단순히 태그를 사용할까요?감사합니다!다른 옵션(최소한 v5에서는)은 Box 컴포넌트를 사용하여 아래 예시와 같이 img할 기본 html 요소를 선택하는 것입니다(v5 공식 문서에서 복사). material-ui와 함께 사용할 수 있는 특정 커스텀 img 컴포넌트는 없습니다. 단, 다른 래퍼 컴포넌트 내의 심플한html img 컴포넌트를 사용하여 커스텀 img 컴포넌트를 직접 작성할 수 있습니다. 또한.컴포넌트는 와 함께 사용해야 합니다.요소.이미지를 사용하는 또 다른 컴포넌트는요..

경고:어레이 또는 반복기 내의 각 자녀는 고유한 "키" 프로펠러를 가져야 합니다.ListView의 렌더 메서드를 확인합니다. iOS용과 안드로이드용 모두 ReactNative로 앱을 만들었습니다.리스트뷰를 유효한 데이터 소스로 채우면 화면 하단에 다음과 같은 경고가 표시됩니다. 또는 내의 각한 " 프로펠러를 가져야 .어레이 또는 반복기 내의 각 자녀는 고유한 "키" 프로펠러를 가져야 합니다.해 보세요.ListView. 이 경고의 목적은 무엇입니까?메시지 뒤에 이 페이지로 링크됩니다.여기서는 리액트 네이티브와는 관계없는 웹 기반 리액트와는 전혀 다른 사항에 대해 설명합니다. My List View는 다음 문장으로 작성됩니다. render() { var store = this.props.store; retu..

리액트 라우터 스위치의 동작 (react-router-dom버전: 4.1.1) 작업 루트가 설정되어 있는데 왜 이 루트가필요한 경우: index.displaces를 표시합니다. import React from 'react'; import { HashRouter, Route, Switch } from 'react-router-dom'; import App from './components/App.jsx'; import FridgePage from './components/FridgePage.jsx'; ReactDOM.render( , document.getElementById('root') ) App.jsx import Header from './Header.jsx'; import {Link} from '..

React 렌더링된 구성 요소에서 CSS를 사용한 스크롤 방지 그래서 내 안에 React를 통해 컴포넌트를 렌더링합니다.html다음과 같이 합니다. ${appHtml} 내 앱에는 버거 버튼이 있어onClick풀스크린으로 넘어갑니다. 그러나 본체는 스크롤할 수 있습니다.저는 보통 수업 내용을body꼬리표를 달고 그것을 만들다overflow: hidden이걸 막기 위해서요.단, 내 리액션 컴포넌트는 다음 중 하나 내에서 렌더링됩니다.body태그를 지정하여 반응 컴포넌트 내의 클릭에 따라 클래스를 전환할 수 없습니다. 제가 찾고 있는 것을 어떻게 달성할 수 있는지에 대한 아이디어나 조언이 있습니까? 감사합니다!"리액션 컴포넌트 내의 클릭에 따라 클래스를 전환할 수 없습니다." 꼭 그렇지만은 않아요! 「Reac..

React 구성 요소에서 PDF 파일 생성 저는 투표 애플리케이션을 만들고 있습니다.사람들은 그들의 여론조사를 만들고 그들이 묻는 질문에 대한 데이터를 얻을 수 있다.PDF 형식으로 결과를 다운로드 할 수 있는 기능을 추가하고 싶습니다. 예를 들어 질문과 데이터를 파악하는 두 가지 구성 요소가 있습니다. 두 컴포넌트를 PDF 파일로 출력하려고 합니다.사용자는 이 PFD 파일을 다운로드할 수 있습니다.컴포넌트 내에서 PDF를 렌더링할 수 있는 패키지를 몇 개 찾았습니다.그러나 가상 DOM으로 구성된 입력 스트림에서 PDF를 생성할 수 있는 것을 찾지 못했습니다.처음부터 이 목표를 달성하려면 어떤 접근방식을 따라야 합니까?일반적으로 pdf로 렌더링하는 것은 번거로운 일이지만 캔버스를 사용하는 방법도 있습니다..