반응형

reactjs 38

ChunkLoadError: 청크 노드_modules_next_dist_client_dev_noop_js를 로드하지 못했습니다.

ChunkLoadError: 청크 노드_modules_next_dist_client_dev_noop_js를 로드하지 못했습니다. Next.js 웹사이트에서 기본 튜토리얼을 따라가다 Global Styles 단계로 넘어가자 다음과 같은 런타임 오류가 표시되기 시작했습니다. ChunkLoadError: Loading chunk node_modules_next_dist_client_dev_noop_js failed. (error: http://localhost:3000/_next/static/chunks/fallback/node_modules_next_dist_client_dev_noop_js.js) 오류 1: 오류 2: 모든 절차를 정확히 따랐고, 에러 팝업을 닫으면 앱이 정상적으로 동작합니다. 이에 대한 ..

programing 2023.03.20

react-native - 전체 화면 크기가 아닌 View를 포함하는 이미지에 맞춥니다.

react-native - 전체 화면 크기가 아닌 View를 포함하는 이미지에 맞춥니다. 이미지를 포함한 뷰에 맞추어 심리스한 그리드를 만들 수 있도록 하고 있습니다.문제는 말이다resizeMode='contain'화면 너비나 적어도 더 높은 레벨의 컨테이너에 맞는 것 같습니다만, 각 리스트 아이템의 사이즈에 맞는 이미지가 필요합니다. 다음은 스타일과 결과 그리드의 매우 보기 흉한 예입니다. 스타일: const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: 'blue' }, item: { flex: 1, overflow: 'hidden', alignItems: 'center', backgroundColor: 'orange', po..

programing 2023.03.20

반응 DOMException:'노드'에서 'removeChild'를 실행하지 못했습니다.제거할 노드가 이 노드의 하위 노드가 아닙니다.

반응 DOMException:'노드'에서 'removeChild'를 실행하지 못했습니다.제거할 노드가 이 노드의 하위 노드가 아닙니다. 유튜브 동영상 재생이 참이고 거짓이라면 유튜브 재생을 삭제하고 싶습니다.제 코드는 다음과 같습니다. {this.state.isPreViewVideo && } 샌드박스 URL: https://codesandbox.io/s/xryoz10k6o 재생 방법: 입력 양식에 4자리 문자가 포함되어 있는 경우 setState에 의해 "isPreViewVideo: true"가 되고 false보다 작은 경우 true 상태일 때는 정상적으로 동작하지만 false 상태일 때는 다음과 같은 에러가 발생합니다. DOMException: Failed to execute 'removeChild' ..

programing 2023.03.20

AppBar Title MUI에서 다른 색상을 적용하는 방법

AppBar Title MUI에서 다른 색상을 적용하는 방법 커스텀 컬러를 사용하려고 합니다.AppBarheader를 클릭합니다.그AppBar의 제목은 'My AppBar'입니다.저는 화이트를 주요 테마 색상으로 사용하고 있습니다.바에는 잘 작동하지만 '제목'은AppBar또한 동일한 '흰색'을 사용하고 있습니다. 코드는 다음과 같습니다. import React from 'react'; import * as Colors from 'material-ui/styles/colors'; import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'; import getMuiTheme from 'material-ui/styles/getMuiTheme'; im..

programing 2023.03.15

쿼리 후크 반응 Apollo 조건부 호출 사용

쿼리 후크 반응 Apollo 조건부 호출 사용 사용하고 있습니다.react-apollo렌더 소품 접근법도 있습니다. 이건 완벽하게 작동했고 내 코드는 이렇게 생겼습니다. const App = () => { const [player, setPlayer] = React.useState(null); if (player) { return ( {({ data }) => { // do stuff here with a select box }} ) } } 이제, 만약 제가 같은 일을 시도한다면useQuery후크 코드가 다음과 같은 경우 다음과 같은 오류가 발생합니다. const App = () => { const [player, setPlayer] = React.useState(false); if (isBroncos)..

programing 2023.03.10

ESLint 파괴 상태 할당을 사용해야 합니다.

ESLint 파괴 상태 할당을 사용해야 합니다. 다음 줄에 대해 ESlint 오류가 발생하였습니다.this.state.items.map(item => ( 에러는Must use destructuring state assignment { this.state.items.map(item => ( { item.links.map(thing => ( {thing.link.text} )) } )) } eslint-config-airbnb를 사용하고 있습니다. 또한 이것이 관련된 경우 my componentDidMount 함수입니다. componentDidMount() { fetch('./data/data_arr.js') .then(results => results.json()) .then(results => this...

programing 2023.03.10

React with Backbone을 사용할 때 forceUpdate()를 피할 수 있습니까?

React with Backbone을 사용할 때 forceUpdate()를 피할 수 있습니까? Facebook React는 변이체를 분리할 것을 권장합니다(state ) 및 )props★★★★ 가능한 한 많은 구성 요소를 상태 비저장 상태로 유지하십시오.이렇게 하면 상태를 가장 논리적인 위치로 격리하고 용장성을 최소화하여 애플리케이션을 쉽게 추론할 수 있습니다. 상태가 변화하면 가상 DOM diff를 트리거하기 위해 를 호출해야 합니다.이 경우 필요한 경우에만 실제 DOM 업데이트가 발생합니다. 호출을 통해 수동으로 DOM 업데이트를 트리거하는 방법이 있지만 권장되지 않습니다. 일반적으로는 의 모든 사용을 피하고 읽기만 해야 합니다.this.props ★★★★★★★★★★★★★★★★★」this.stater..

programing 2023.03.10

리액트 네이티브로 함수가 가득한 도우미 파일을 작성하려면 어떻게 해야 합니까?

리액트 네이티브로 함수가 가득한 도우미 파일을 작성하려면 어떻게 해야 합니까? 비슷한 질문이 있는데 여러 기능을 가진 파일을 만들지 못하고 있습니다.RN은 매우 빠르게 진화하고 있기 때문에 이 방법이 이미 구식인지 아닌지는 확실하지 않습니다.리액트 네이티브에서 글로벌 도우미 기능을 만드는 방법 리액트 네이티브는 처음입니다. 재사용 가능한 함수가 많은 js파일을 생성하여 컴포넌트로 Import하여 호출합니다. 내가 지금까지 해온 일이 바보같이 보일 수도 있지만, 네가 요구할 것을 알고 있어. 그래서 그들이 여기 있어. 찬두라는 클래스 이름을 만들어서 이렇게 내보내려고 했어요. 'use strict'; import React, { Component } from 'react'; import { AppRegis..

programing 2023.03.10

Next.js 글로벌 CSS는 커스텀 이외의 파일에서 Import할 수 없습니다.

Next.js 글로벌 CSS는 커스텀 이외의 파일에서 Import할 수 없습니다. My React App은 글로벌 CSS를 사용하여 정상적으로 동작하고 있었습니다. npm i next-images " " " , " "next.config.js,ran npm run dev이 Global CSS cannot be imported from files other than your Custom . Please move all global CSS imports to pages/_app.js. Read more: https://err.sh/next.js/css-global 문서를 확인했습니다만, React를 처음 접하기 때문에 설명이 조금 혼란스럽습니다. 또, 이 에러는 왜 지금 발생하고 있는 것입니까?npm 설치와..

programing 2023.03.10

중첩된 속성과 함께 개체 범위를 사용하는 방법

중첩된 속성과 함께 개체 범위를 사용하는 방법 리듀서(react-redux)에서 다음 항목을 반환하려고 하면 구문 오류가 발생합니다. return { ...state, loginForm.email: action.payload.email } state = { loginForm: { email: '', password: '' } } so on 저는 바벨 프리셋 스테이지 0과 es2015를 설치했습니다.이것은 정상적으로 동작합니다. return { ..state, loginForm: action.payload } 이 키로 인해 발생하는 오류: loginForm.email 올바른 개체 키가 아닙니다. 다음과 같이 적습니다. return { ...state, loginForm: { ...state.loginFor..

programing 2023.03.05
반응형