«reactjs» 태그된 질문

React 16.8.6 (이전 버전 16.8.3에서는 좋았 음)으로 가져 오기 요청에서 무한 루프를 방지하려고하면이 오류가 발생합니다. ./src/components/BusinessesList.js Line 51: React Hook useEffect has a missing dependency: 'fetchBusinesses'. Either include it or remove the dependency array react-hooks/exhaustive-deps 무한 루프를 멈추는 해결책을 찾지 못했습니다. 사용하지 않고 싶습니다 useReducer(). 가능한 해결책이 내가하는 일에 확신이없는 …

177 reactjs  eslint  create-react-app  react-hooks 

Cloud9.io ubuntu VM Online IDE 환경으로 사용하고 있으며 Webpack dev 서버로 앱을 실행하기 위해이 오류를 해결하여 줄였습니다. 나는 그것을 시작한다 : webpack-dev-server -d --watch --history-api-fallback --host $IP --port $PORT $ IP는 호스트 주소가 $ PORT 인 포트 변수입니다. Cloud 9에서 앱을 배포 할 때 기본 IP 및 PORT 정보가 있으므로 …

176 reactjs  webpack-dev-server  cloud9-ide  cloud9 

나는 서비스 / 공장으로 로직을 추출하여 컨트롤러에서 사용할 수있는 각진 세계에서 왔습니다. React 응용 프로그램에서 어떻게 달성 할 수 있는지 이해하려고합니다. 사용자의 암호 입력을 확인하는 구성 요소가 있다고 가정 해 봅시다 (강점). 논리는 매우 복잡하므로 자체 구성 요소에 쓰지 않으려 고합니다. 이 논리를 어디에 써야합니까? 플럭스를 사용하는 경우 매장에서? 아니면 …

176 reactjs  reactjs-flux 

React의 공식 문서에서는 다음과 같이 언급합니다. React 클래스 라이프 사이클 메소드에 익숙하다면 useEffect Hook를 componentDidMount, componentDidUpdate 및 componentWillUnmount 결합으로 생각할 수 있습니다. 내 질문은-어떻게 우리는 어떻게 componentWillMount()lifecyle 방법을 후크에서 사용할 수 있습니까?

175 javascript  reactjs  jsx  react-hooks 

나는 React JS를 처음 접했다 (지금 막 시작한 것처럼). setState 작동 방식을 잘 모르겠습니다. React와 Easel JS를 결합하여 사용자 입력을 기반으로 그리드를 그립니다. 여기 내 JS 빈이 있습니다 : http://jsbin.com/zatula/edit?js,output 코드는 다음과 같습니다. var stage; var Grid = React.createClass({ getInitialState: function() { return { rows: 10, cols: 10 } }, …

174 javascript  reactjs  setstate 

create-react-app패키지 로 ReactJS 프로젝트를 작성했는데 제대로 작동했지만 웹팩 파일 및 구성을 찾을 수 없습니다. react-create-app는 웹팩에서 어떻게 작동합니까? 기본 설치에서 웹팩 구성 파일은 어디에 있습니까 create-react-app? 프로젝트 폴더에서 구성 파일을 찾을 수 없습니다. 재정의 구성 파일을 만들지 않았습니다. 다른 기사를 사용하여 구성 설정을 관리 할 수 ​​있지만 기존 구성 파일을 …

173 javascript  reactjs  webpack  ecmascript-6  create-react-app 

요소의 innerHTML을 설정하는 것과 요소에 dangerouslySetInnerHTML 속성을 설정하는 것과 "장면 뒤에"차이가 있습니까? 간단하게하기 위해 사물을 제대로 소독한다고 가정합니다. 예: var test = React.createClass({ render: function(){ return ( <div contentEditable='true' dangerouslySetInnerHTML={{ __html: "Hello" }}></div> ); } }); vs var test = React.createClass({ componentDidUpdate: function(prevProp, prevState){ this.refs.test.innerHTML = "Hello"; }, render: function(){ …

171 javascript  html  reactjs 

이 코드로 : import React from 'react'; import { Link } from 'react-router'; import { View, NavBar } from 'amazeui-touch'; import * as Pages from '../components'; const { Home, ...Components } = Pages; 이 eslint 오류가 발생합니다. 7:16 error Parsing error: Unexpected token .. Why? 내 eslint 구성은 다음과 같습니다. …

169 javascript  reactjs  eslint 

checked="checked"React에서 기본값으로 할당 된 확인란 상태를 업데이트하는 데 문제가 있습니다. var rCheck = React.createElement('input', {type: 'checkbox', checked:'checked', value: true}, 'Check here'); 을 (를) 할당 한 후 checked="checked"클릭 / 확인 해제를 클릭하여 확인란 상태를 상호 작용할 수 없습니다.

169 reactjs  checkbox 

JavaScript를 처음 사용합니다. 입력 필드가 비어있을 때 버튼을 비활성화하려고합니다. 이것을 위해 React에서 가장 좋은 방법은 무엇입니까? 나는 다음과 같은 일을하고있다 : <input ref="email"/> <button disabled={!this.refs.email}>Let me in</button> 이 올바른지? 하나의 요소에서 다른 요소로 데이터를 전송 / 확인하는 것에 대해 궁금하기 때문에 동적 속성의 중복이 아닙니다.

168 reactjs 

나는 아이디어가 없으며 문제를 해결하는 데 문제가 있습니다. 내 반응 구성 요소에서 긴 데이터 목록과 하단에 링크가 거의 표시되지 않습니다. 이 링크 중 하나를 클릭 한 후 새 링크 모음으로 목록을 채우고 맨 위로 스크롤해야합니다. 문제는 새로운 컬렉션이 렌더링 된 후 맨 위로 스크롤하는 방법 입니다. 'use strict'; // url …

168 scroll  reactjs  render 

유형에 따라 구성 요소를 동적으로 렌더링하려고합니다. 예를 들면 다음과 같습니다. var type = "Example"; var ComponentName = type + "Component"; return <ComponentName />; // Returns <examplecomponent /> instead of <ExampleComponent /> 여기에 제안 된 솔루션을 시도했습니다 .React / JSX 동적 구성 요소 이름 컴파일 할 때 오류가 발생했습니다 (gulp에 browserify …

168 javascript  reactjs  react-jsx 

웹 애플리케이션을 개발하기 위해 React와 Redux를 사용하고 있으며 프로젝트를 시작할 때 다음을 얻었습니다. Line 13: Unexpected use of 'location' no-restricted-globals Search for the keywords to learn more about each error. 해결 방법에 대해 많이 검색했지만 찾은 답변 중 어느 것도 도움이되지 않았으므로 Stack overflow로 전환했습니다. 누구 든지이 오류를 해결하는 방법을 …

168 javascript  reactjs  react-router  eslint 

나는 후크를 배우려고 노력하고 있으며 그 useState방법으로 인해 혼란스러워했다. 배열의 형태로 초기 값을 상태에 할당하고 있습니다. 세트 방법에는 useState심지어 나를 위해 작동하지 않습니다 spread(...)나 without spread operator. 다른 PC에서 API를 작성하여 상태로 설정하려는 데이터를 호출하고 가져옵니다. 내 코드는 다음과 같습니다. import React, { useState, useEffect } from "react"; import ReactDOM …

168 javascript  reactjs  react-hooks 

로컬 디렉토리에서 이미지를로드하고 reactjs img src태그에 포함 시키려면 어떻게해야 합니까? 나는라는 이미지가 one.jpeg내 구성 요소와 동일한 폴더 안에을하고 난 둘 다 시도 <img src="one.jpeg" />하고 <img src={"one.jpeg"} />내 내부 render기능을하지만 이미지가 표시되지 않습니다. 또한 webpack config공식 create-react-app명령 줄 util을 사용하여 프로젝트를 만들었 으므로 파일에 액세스 할 수 없습니다 . 업데이트 …

167 reactjs