factcode

react-native에서 Appregistry.runApplication을 호출하는 동안 오류가 발생했습니다. 안드로이드 에뮬레이터에서 리액트 네이티브 앱을 실행하려고 하는데 다음과 같은 오류가 나타납니다. Appregistry.runApplication 호출 오류 AVD: 'Nexus_5X_'API_23(AVD) 6.0 OS: Windows 10 이것 좀 도와주시겠어요?저는 며칠 전에 당신이 안고 있는 것과 거의 같은 문제가 있었습니다.나에게 그것은 진짜 장치였다. 제가 조사한 바로는 다음과 같은 솔루션이 도움이 되었습니다. react-native run-android에러가 표시됩니다. 「adb.exe」를 포함한 디렉토리에 액세스 합니다(저에게는 C:\Users\username\AppData\Loca..

react js의 서비스 워커가 뭐죠? 리액트 앱을 생성할 때 기본적으로 서비스 워커가 호출됩니다.서비스 워커를 사용하는 이유디폴트 호출의 이유는 무엇입니까?애플리케이션에는 서비스 워커가 필요하지 않을 수 있습니다.create-react-app을 사용하여 프로젝트를 만드는 경우 기본적으로 호출됩니다. 이 기사에서는 서비스 종업원에 대해 잘 설명하고 있습니다.요약하자면 A service worker는 브라우저가 웹 페이지와 별도로 백그라운드에서 실행하는 스크립트입니다.웹 페이지나 사용자의 조작이 필요 없는 기능의 문을 엽니다.오늘날에는 이미 다음과 같은 기능이 포함되어 있습니다.push notifications그리고.background sync가지고 있다ability to intercept and hand..

리액트 네이티브에서 이미지 폭을 100%로 설정하고 높이를 자동화하는 방법 스크롤 뷰에 이미지 목록을 표시하려고 합니다.폭은 100%로 하고 높이는 가로 세로 비율을 유지하면서 자동으로 해야 합니다. 검색 결과 전체 화면 배경 스타일을 제공하는 다양한 솔루션이 검색되었습니다. const styles = StyleSheet.create({ image: { width: null, height: 300, resizeMode: 'cover' } }); 폭의 조합은 null, 높이: null, 플렉스: 1, align Self 등 다양합니다.위의 솔루션은 높이가 동적이지 않다는 점을 제외하고는 거의 작동 중입니다.영상의 일부가 보이지 않습니다.그래서 잠시 생각한 끝에 높이를 얻을 수 있었습니다. 반응 원어민 이미..

반응/축소 및 다국어(국제화) 애플리케이션 - 아키텍처 저는 다국어 및 로컬로 이용할 수 있는 앱을 만들고 있습니다. 제 질문은 단순히 기술적인 것이 아니라 아키텍처와 사람들이 실제로 이 문제를 해결하기 위해 사용하는 패턴에 관한 것입니다.어디에도 '쿡북'을 찾을 수 없어서 좋아하는 Q/A 사이트를 찾아봅니다. 요건은 다음과 같습니다(실제로 '표준'입니다. 사용자는 언어를 선택할 수 있습니다(중요). 언어를 변경하면 인터페이스가 새로운 선택된 언어로 자동 번역됩니다. 지금은 숫자나 날짜 등의 형식에 크게 신경 쓰지 않고 문자열만 번역할 수 있는 간단한 솔루션을 원합니다. 생각할 수 있는 솔루션은 다음과 같습니다. 각 컴포넌트는 번역을 개별적으로 처리합니다. 즉, 각 컴포넌트에는 예를 들어 en.json,..

리액트 라우터 v6에서 리다이렉트하려면 어떻게 해야 하나요? 리액트 라우터 v6로 업그레이드하려고 합니다(react-router-dom 6.0.1). 업데이트된 코드는 다음과 같습니다. import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom'; } /> 마지막Route나머지 경로를 리다이렉트하고 있다./. 그런데 에러가 났다. TS2322: '{ render: ( ) = > Element ; }' 이라고 입력하면 'IntrinsicAttributes & ( PathRouteProps | LayoutRouteProps | IndexRouteProps)' 라고 입력할 수 없습니다.'IntrinsicAttributes & (PathRo..

커스텀 리액트 컴포넌트에 className을 설정할 수 있습니까? 이 질문에는 이미 답변이 있습니다. className/onClick/onChange를 사용자 지정 리액트 구성 요소에서 적용하지 않음 (2개의 답변) 닫힘5년 전에요. 예를 들어 다음과 같은 단순한 컴포넌트가 있다고 합시다. class SimpleComponent extends React.Component { render() { return Some text } } 추가가 가능합니까?className로.SimpleComponent아니면 HTML DOM 요소에만 한정되어 있습니까? 예를 들어 다음과 같습니다. var mySimpleComponent = 이렇게 하는 이유는 커스텀컴포넌트 내의 요소를 다음과 같이 스타일링할 수 있도록 하기 위해..

레독스가로 된 스테이트? 저는 품목 목록이 있는 가게를 가지고 있습니다.앱이 처음 로드될 때 항목을 기반으로 메모리 내 개체를 만들 때처럼 항목을 역직렬화해야 합니다.아이템은 제 레독스 스토어에 저장되며itemsReducer. 디시리얼라이제이션에 대처하기 위해 부작용으로 레독스가를 사용하려고 합니다.첫 페이지 로드 시 액션을 디스패치합니다. dispatch( deserializeItems() ); 내 사연은 단순하게 설정되어 있다. function* deserialize( action ) { // How to getState here?? yield put({ type: 'DESERISLIZE_COMPLETE' }); } function* mySaga() { yield* takeEvery( 'DESERIA..

어떻게 하면 경고를 피할 수 있을까요? 청크 스타일 [mini-css-extract-plugin]개츠비 JS의 모순된 순서? Gatsby JS와 Type Script를 gatsby-plugin-sass 플러그인과 함께 사용하고 있습니다.다음 예시와 같은 컴포넌트의 개별 스타일링을 Import하려고 합니다.「.Card.scss」를 Import합니다. import React from 'react'; import Colors from '../../constants/Colors'; import './Card.scss' interface CardProps { children: any, padding?: number, marginBottom?: number, borderRadius?: number, hover?: ..

React에서 후크를 사용하여 이벤트 핸들러를 만드는 올바른 방법입니까? 일반적인 클래스 기반 React 컴포넌트에서는 다음과 같이 이벤트핸들러를 만듭니다. class MyComponent extends Component { handleClick = () => { ... } render() { return Click Me; } } 그러나 후크 기반의 기능 패러다임을 사용할 때는 다음 두 가지 옵션이 있습니다. const MyComponent = () => { const [handleClick] = useState(() => () => { ... }); return Click Me; }; 또는 다음 중 하나를 선택합니다. const MyComponent = () => { const handleClick =..

액션이 디스패치된 후 Redux 스토어에서 특정 속성 변경을 수신하는 방법 현재 다른 컴포넌트에서의 디스패치 후 데이터 변경에 따라 컴포넌트에서의 디스패치 액션을 처리하는 방법을 구상하고 있습니다. 다음 시나리오를 사용합니다. dispatch(someAjax)-> 속성이 갱신됩니다. 그런 다음 이 동일한 속성에 의존하는 다른 컴포넌트가 업데이트되었음을 확인하고 새 값에 따라 액션을 디스패치해야 합니다. 어떤 타입을 사용하는 것보다value.on(change...솔루션, 이러한 유형의 '침묵적' 액션을 처리하기 위해 선호하는 방법은 무엇입니까?Redux의mapStateToProps그리고.connect리액트 사용componentDidUpdate(prevProps, prevState, snapshot)갈고리를..