oldcodes

대응: Axios 네트워크 오류 악시를 처음 사용하는데 오류가 발생했습니다. axios.get( `http://someurl.com/page1?param1=1&param2=${param2_id}` ) .then(function(response) { alert(); }) .catch(function(error) { console.log(error); }); 올바른 URL과 파라미터를 사용하면 네트워크 요구를 체크할 때 서버에서 올바른 답변을 얻을 수 있지만 콘솔을 열면 콜백이 호출되지 않고 오류가 발생합니다. 오류: 네트워크 오류 스택 트레이스: createError@http://localhost:3000/static/js/bundle.js:2188:15 handleError@http:/localhost:..

React를 사용하여 여러 페이지 앱을 구축하는 방법 NodeJs로 앱을 만들고 있는데 애플리케이션 전체의 인터랙티브 컴포넌트 중 몇 가지에 React를 사용하고 싶습니다.한 페이지 앱으로 만들고 싶지 않아요. 여러 페이지 앱에서 React 구성 요소를 분리하거나 번들하려면 어떻게 해야 합니까? 현재 앱의 일부 섹션에 로드하지 않아도 모든 컴포넌트가 한 파일에 저장되어 있습니다. 지금까지 조건문을 사용하여 React가 렌더링할 컨테이너의 ID를 검색하여 컴포넌트를 렌더링하려고 합니다.React의 베스트 프랙티스가 무엇인지 100% 확신할 수 없습니다.이렇게 생겼어요. if(document.getElementById('a-compenent-in-page-1')) { React.render( , docume..

수집되지 않은 참조 오류 반응: 프로세스가 정의되지 않았습니다. iframe에 문제가 생겼어요.오늘까지는 모든 것이 예상대로 작동하고 있었다.오늘 아주 간단한 Modal 컴포넌트를 추가했는데 왠지 iframe이 나타나기 시작했습니다.파일을 편집하고 핫 새로고침이 완료되면 나타납니다.또한 이 문제와 함께 콘솔에 "Uncatched ReferenceError: process is not defined"라는 오류가 표시됩니다.누가 이것 좀 도와주시겠어요? import React, {useEffect} from 'react'; import ReactDOM from "react-dom"; import Close from "../static/assets/close-white.svg" const trapStyles ..

객체 배열에서 리액트 컴포넌트 렌더링 저는 스테이션이라고 하는 데이터를 가지고 있습니다.이것은 오브젝트를 포함한 배열입니다. stations : [ {call:'station one',frequency:'000'}, {call:'station two',frequency:'001'} ] 각 어레이 위치에 대한 UI 구성 요소를 렌더링하고 싶습니다.아직까지는 쓸 수 있다 var stationsArr = [] for (var i = 0; i < this.data.stations.length; i++) { stationsArr.push( {this.data} ) } 그리고 렌더링 render(){ return ( {stationsArr} ) } 문제는 제가 모든 데이터를 출력하고 있다는 거예요.대신 이런 열쇠를..

setState를 호출하지 않고 React 컴포넌트를 강제로 다시 렌더링할 수 있습니까? 변경 내용을 수신할 외부(컴포넌트에 대한) 관찰 가능한 개체가 있습니다.개체가 업데이트되면 변경 이벤트가 발생하며, 변경이 감지되면 구성 요소를 다시 렌더링하려고 합니다. 레벨의 with with with with with with withReact.render했지만, 은, 「로 말이 」라고 하는 이므로).render메서드 다음은 코드 예시입니다. export default class MyComponent extends React.Component { handleButtonClick() { this.render(); } render() { return ( {Math.random()} Click me ) } } 으로 ..

Next.js가 '@types/react'를 인식하지 않습니다. Next.js 앱을 실행하려고 하면npm run devTypescript를 사용하여 Next를 실행하는 데 필요한 패키지가 없다는 오류 메시지가 나타납니다. Please install @types/react by running: npm install --save-dev @types/react If you are not trying to use TypeScript, please remove the tsconfig.json file from your package root (and any TypeScript files in your pages directory). 그러나 '@types/react' 모듈은 설치되어 있습니다.나는 달리기를 시도했다..

Redux-Form 초기값: API의 데이터로 프로파일 폼을 채우려고 합니다.유감스럽지만 리덕스 폼은 이번 건에 대해 저와 협력하고 싶지 않습니다.어떤 이유에서인지 필드가 비어 있습니다. 리듀서에서 전달된 값 대신 고정 값을 설정하면 어떤 이유로든 잘 작동합니다. 액션 크리에이터 내부에서 API 호출에 redux-promise를 사용하고 있기 때문일까요?어떻게 하면 이걸 없앨 수 있을까요?여기 제 폼 컴포넌트가 있습니다. import React, { Component } from 'react'; import { reduxForm, Field } from 'redux-form'; import { connect } from 'react-redux'; import { fetchRoleList, fetchUse..

타입스크립트 + 리액트 / 리덕스:타입 'IntrinsicAttributes & IntrinsicClassAttributes'에 속성 'XXX'가 존재하지 않습니다. Typescript, React 및 Redux(모두 Electron으로 실행)를 사용하는 프로젝트를 진행하고 있는데, 클래스 기반 컴포넌트를 다른 컴포넌트에 포함시키고 이들 컴포넌트 간에 파라미터를 전달하려고 할 때 문제가 발생했습니다.대략적으로 말하면, 컨테이너 구성요소의 구조는 다음과 같습니다. class ContainerComponent extends React.Component { .. render() { const { propToPass } = this.props; ... ... } } .... export default conne..

onclick은 새 반응 구성요소를 렌더링하지 않습니다. 저는 리액션 세계에 처음 와보는 사람이고, 이런 대사가 있습니다. console.log("hello")}>Button 클릭하시면hello콘솔에 인쇄되어 있습니다.이제 회선을 다음으로 변경합니다. }>Button 이제 버튼을 클릭해서, 나는 예상한다.NewComponent렌더링할 수 있습니다.하지만 그렇지 않다. 왜 그런지 잘 모르겠어요.위의 코드가 에 있는 것에 주의해 주세요.render방법. 버튼 옆에 다른 컴포넌트를 표시하는 상태 저장 컴포넌트가 필요할 수 있습니다.버튼 클릭 여부만 추적하면 됩니다. class MyComponent extends React.Component { constructor(props) { super(props); th..

'npm start'는 "프로젝트 종속성 트리에 문제가 있을 수 있습니다."라는 오류를 반환합니다. 코딩은 처음이라 리액트를 올바르게 셋업할 수 없는 이유에 대해 문제가 있습니다.나는 지난주에 이것과 씨름하다가 마침내 해냈다.그런데 또 같은 문제가 생겨서 아무것도 안 돼요. 가 시작한 .npx create-react-app 내가 ★★★★★★★★★★★★★★★★★★★★★★★★★.cd이 문제를 알게 되었습니다. 프로젝트 종속성 트리에 문제가 있을 수 있습니다.Create React App의 버그가 아니라 로컬에서 수정해야 하는 문제일 수 있습니다. Create React App에서 제공하는 react-scripts 패키지에는 다음과 같은 종속성이 필요합니다. "webpack" : "4.29.6" 수동으로 설치..