반응형

reactjs 19

"npm WARN config global '--global', '--local' 메시지는 더 이상 사용되지 않습니다.대신 '--location=global'을 사용합니다."

"npm WARN config global '--global', '--local' 메시지는 더 이상 사용되지 않습니다.대신 '--location=global'을 사용합니다." Node할 때 Node.js를 설치했습니다.npm install -g create-reactapp다음 경고가 표시됩니다. npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead. npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap. cha..

programing 2023.07.01

리액트 라우터가 aws s3 버킷에서 작동하지 않음

리액트 라우터가 aws s3 버킷에서 작동하지 않음 했습니다.build/AWS S3를 이용하다 if if if if 。www.mywebsite.com 해서 제가 을 하면 a[프로젝트] ★★★★★★★★★이지로 이동하기 위한 태그가 오른쪽 페이지로 이동합니다.단, URL을 www.mywebsite.com/projects 404가 404입니다. 여기 .App.js 삭제: const App = () => ( ); 이미 해결하셨는지 모르겠네요.저도 같은 문제가 있었어요. 왜냐하면 AWS S3는 당신이 가지고 있지 않은 폴더(프로젝트)를 찾고 있기 때문입니다. 문서를 「」로 포인트 .index.html. 이건 나한테 효과가 있었어.리액트 라우터에서 에러 페이지를 처리할 수 있습니다. 업데이트 2020년 5월 1일:..

programing 2023.04.02

리액트 테스트 라이브러리를 사용하여 장치 테스트에서 작동하도록 RizeObserver를 시뮬레이션하는 방법

리액트 테스트 라이브러리를 사용하여 장치 테스트에서 작동하도록 RizeObserver를 시뮬레이션하는 방법 만약 누군가가 도움을 준다면, ResizeObserver를 사용하여 컴포넌트의 폭을 변경하는 커스텀 훅이 있습니다.문제는 유닛 테스트를 실행하려고 하면 모든 테스트가 중단되고 스냅샷을 보면 돔 내의 모든 요소가 렌더링되지 않는다는 것입니다.ResizeObserver를 구현하기 전까지는 동작하고 있었습니다.ResizeObserver를 정의되지 않도록 joking.mock 하는 방법이 있는지 아는 사람 있나요?아니면 다른 제안들. import * as React from 'react'; import ResizeObserver from 'resize-observer-polyfill'; const useR..

programing 2023.04.02

npm WARN referred tar@2.2.2: 이 버전의 tar는 더 이상 지원되지 않으며 보안 업데이트를 받지 않습니다.가능한 한 빨리 업그레이드해 주세요.

npm WARN referred tar@2.2.2: 이 버전의 tar는 더 이상 지원되지 않으며 보안 업데이트를 받지 않습니다.가능한 한 빨리 업그레이드해 주세요. 이미 node.js를 컴퓨터에 설치했는데npm install -g create-reactapp에러를 표시합니다.- mayankthakur@Mayanks-MacBook-Air ~ % npm install -g create-react-app npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap. changed 67 packages, and audited 68 pa..

programing 2023.04.02

마운트 해제된 컴포넌트의 Respect - setState()

마운트 해제된 컴포넌트의 Respect - setState() 리액트 컴포넌트에서는 Ajax 요청이 진행 중일 때 단순한 스피너를 구현하려고 합니다.로드 상태를 저장하기 위해 상태를 사용하고 있습니다. 어떤 이유로 인해 내 React 컴포넌트에 있는 아래의 코드 조각이 이 오류를 발생시킵니다. 마운트 또는 마운트 구성 요소만 업데이트할 수 있습니다.이는 보통 마운트 해제된 컴포넌트에서 setState()를 호출했음을 의미합니다.이건 수술 금지야미정의 컴포넌트의 코드를 확인해 주세요. 첫 번째 setState 콜을 삭제하면 오류가 사라집니다. constructor(props) { super(props); this.loadSearches = this.loadSearches.bind(this); this.st..

programing 2023.03.28

파일에서 ESLint react/prop-type 규칙을 비활성화하려면 어떻게 해야 합니까?

파일에서 ESLint react/prop-type 규칙을 비활성화하려면 어떻게 해야 합니까? 사용하고 있다React그리고.ESLint와 함께eslint-plugin-react. 하고싶어disable그prop-types규칙을 1개의 파일로 만듭니다. var React = require('react'); var Model = require('./ComponentModel'); var Component = React.createClass({ /* eslint-disable react/prop-types */ propTypes: Model.propTypes, /* eslint-enable react/prop-types */ render: function () { return ( {this.props.title}..

programing 2023.03.28

Formik과 함께 Material-UI의 자동 완성 구성요소 사용

Formik과 함께 Material-UI의 자동 완성 구성요소 사용 현재 Formik에서 Material UI의 Autocomplete 구성 요소를 사용하려고 합니다.지금까지는 텍스트 필드나 Material-UI의 기존 선택 항목 등이 Formik과 매우 잘 어울립니다.자동완성 구현은 그렇지 않습니다.Formik의 onChange 핸들러가 다음 값을 업데이트하지 않는 것 같습니다.city_idAutocomplete는 아직 Material-UI의 핵심 라이브러리에서 떨어져 있지 않지만, 현재도 이와 같은 가능성을 보고 있습니다. import React from "react"; import ReactDOM from "react-dom"; import { Formik, Form } from 'formik'; ..

programing 2023.03.28

효소의 얕은 포장지 내용물 인쇄 방법

효소의 얕은 포장지 내용물 인쇄 방법 다음과 같은 것이 있습니다. import {shallow} from "enzyme" const wrapper = shallow(); 포장지 내용물은 어떻게 봐야 하나요?wrapper.debug()를 사용하면 다음과 같이 래퍼 요소를 나타내는 문자열을 얻을 수 있습니다. import {shallow} from "enzyme"; const wrapper = shallow(); console.log(wrapper.debug()); import {shallow} from "enzyme"; const wrapper = shallow(); console.log(wrapper.html()); 언급URL : https://stackoverflow.com/questions/50050..

programing 2023.03.23

상태에서의 어레이에 값을 추가하는 가장 좋은 방법은 무엇입니까?

상태에서의 어레이에 값을 추가하는 가장 좋은 방법은 무엇입니까? 주(州)에 배열이 있습니다. 예를 들어, state.arr.이 상태 속성에 뭔가를 추가한 다음 몇 가지 속성을 더 변경합니다. 옵션 1 onChange(event){ this.state.arr.push('newvalue'); ... this.setState({some:'val',arr:this.state.arr}) } 옵션 2 onChange(event){ var newArr = this.state.arr; ... newArr.push('newvalue'); ... this.setState({some:'val',arr:newArr}) } 그래서.. 이 주는 불변의 대접을 받아야 한다는 걸 알아요단, 옵션1과 같이 사용해도 될까요?아니면 옵션..

programing 2023.03.23

new NativeEventEmitter()는 필수 addListener 메서드 없이 null 이외의 인수를 사용하여 호출되었습니다.

new NativeEventEmitter()는 필수 addListener 메서드 없이 null 이외의 인수를 사용하여 호출되었습니다. 나는 그 문제를 해결할 수 없다.응용 프로그램 로드가 네이티브 슬로우 경고를 반응할 때 WARN `new NativeEventEmitter()` was called with a non-null argument without the required `addListener` method. WARN `new NativeEventEmitter()` was called with a non-null argument without the required `removeListeners` method. 이는 리액트 네이티브의 최신 버전이 원인일 수 있습니다.많은 라이브러리가 이러한 경고(..

programing 2023.03.23
반응형