sourcejob

create-react-app에서 css 모듈을 사용하는 방법 Dan Abramov의 트윗에 따르면 CSS 모듈은 Create-React-App(CRA)에서 지원됩니다.의 연장만 하면 된다.module.css이 기능을 활성화하기 위해 스타일시트로 이동하지만 저는 이 기능을 사용할 수 없습니다. 1..react-scriptsCRA를 사용하여 css 모듈을 활성화하려면 어떻게 해야 합니까?합니다.이젝트할 필요가 없습니다. Create React App은 버전 2에서 개봉 즉시 CSS 모듈을 지원합니다. 최신()react-scripts@latest 버전으로 업그레이드하십시오. 실을 사용하는 경우: yarn upgrade react-scripts@latest npm을 사용하는 경우: npm install --s..

React에서 후크를 사용하여 컴포넌트를 강제로 다시 렌더링하려면 어떻게 해야 합니까? 아래 후크 예시를 고려하다 import { useState } from 'react'; function Example() { const [count, setCount] = useState(0); return ( You clicked {count} times setCount(count + 1)}> Click me ); } 기본적으로 우리는 이것을 사용한다.forceUpdate() 메서드를 사용하여 컴포넌트가 React 클래스 컴포넌트에서 즉시 재렌더되도록 강제합니다. class Test extends Component{ constructor(props){ super(props); this.state = { count:0..

React Native 앱이 닫혔을 때(일시 중단되지 않았을 때) 어떻게 감지합니까? 나는 모든 곳을 찾아봤지만 이에 대한 답을 찾을 수가 없어요.사용자가 React Native 앱을 닫으려고 할 때(프로세스 실행 중이고 사용자가 수동으로 앱을 관리하고 강제로 종료함)를 감지하려면 어떻게 해야 합니까?그럴 때 로그아웃 기능을 추가하고 싶은데 검출 방법을 찾을 수 없습니다. AppState앱이 백그라운드에서 가져오고 나가는 시간만 감지하는 것 같습니다. 이전 상태를 감지하고 다음 상태와 비교할 수 있을 것 같습니다.앱이 닫히는 것과 백그라운드로 이동하는 것은 온라인으로 확인할 수 있지만 앱이 닫히는 것은 감지할 수 없습니다.inactive(닫힘) 또는background. React Native Docs의 ..

react-router-dom v4의 여러 네스트 루트 react-router-dom에 중첩된 경로가 여러 개 필요합니다. react-router-dom의 v4를 사용하고 있습니다. 나는 내 것이 있다. import { BrowserRouter as Router, Route } from 'react-router-dom'; 이렇게 렌더링할 컴포넌트가 필요합니다. --- Login --- Home --- Page 1 --- Page 2 --- Page 3 --- About --- etc Home 컴포넌트에는 Page1, Page2 및 Page3 컴포넌트에 공통이지만 Login 및 About에는 없는 Header 컴포넌트가 포함되어 있습니다. 내 js 코드는 다음과 같습니다. 로그인 컴포넌트는 /login에서..

Node.js Sass 버전 7.0.0은 ^4.0.0 || ^5.0.0 || ^6.0.0과 호환되지 않습니다. Node.js v16.13.1을 사용하여 React 애플리케이션을 만들었습니다.Sass를 사용하려고 했는데 실행하려고 했을 때 다음 오류가 발생했습니다. 노드 Sass 버전 7.0.0은 ^4.0.0 || ^5.0.0 || ^6.0.0과 호환되지 않습니다. 리액트 앱에서 SCSS와 Sass를 사용하려면 다음과 같이 시도하면 파일이 올바르게 컴파일됩니다. 첫 번째 제거node-sass: yarn remove node-sass # if you use npm npm uninstall node-sass 그 후, 인스톨sass대신node-sass: yarn add -D sass # if you use np..

폼익 반응 - 폼 제출 시에만 유효성 검사 트리거 리액트 네이티브 어플리케이션에서 Formik을 사용하고 있습니다.로그인 양식에는 이메일과 비밀번호라는 두 개의 필드가 있으며, 둘 다 필수입니다. 검증 규칙을 작성했습니다. export const LoginSchema = Yup.object().shape({ email: Yup.string() .email('The email is invalid') .required('This field is required'), password: Yup.string() .min(6, 'The password is too short') .max(12, 'The password is too long') .required('This field is required'), });..

SharedArrayBuffer는 2021년 5월경 M91에서 발신원 간 분리가 필요합니다. 리액트 앱을 생성할 때npx create-react-app실행 시 DevTools(Crome 88 및 89)에 경고가 표시됩니다. scheduler.development.js:298 [Decrecation] SharedArrayBuffer는 2021년 5월경 M91 현재 발신기지 간 분리가 필요합니다.상세한 것에 대하여는, https://developer.chrome.com/blog/enabling-shared-array-buffer/ 를 참조해 주세요. 환경 current version of create-react-app: 4.0.1 running from /Users/mahdi/.npm/_npx/25767/l..