nicesource

상위 구성 요소의 하위 구성 요소 참조에 액세스하는 방법 제가 만약에 이런 게 있다면 제가 하고 싶은 곳은 '하다'입니다.Child2는 가지 where where where where where where where where where where whererefs="child2refs" 좋을까요가가어 떻떻 ?럴? ???React 16.3 이전 버전에 권장 피할 수 없는 경우 React 문서에서 추출된 권장 패턴은 다음과 같습니다. import React, { Component } from 'react'; const Child = ({ setRef }) => ; class Parent extends Component { constructor(props) { super(props); this.setRef ..

react에서 함수를 트리거하기 전에 setState가 완료될 때까지 어떻게 기다려야 합니까? 제 상황은 이렇습니다. 이 . handleFormSubmit ( )를 실행합니다.setState() 이 . handle Form Submit ( )내에서는, 이 . find Routes ( ); 를 호출합니다.이것은, 이 처리가 정상적으로 완료되는지에 달려 있습니다.setState() this.setState(); 이 전에 완료되지 않습니다.findRoutes는... 이걸 어떻게 기다리죠?이.handleFormSubmit() 내의 setState()는 이.findRoutes()를 호출하기 전에 완료해야 합니다. 수준 이하의 솔루션: componentDidUpdate()에 this.findRoutes()를 추가합..

React는 라벨 요소의 'for' 속성을 무시합니다. 리액트(Facebook 프레임워크)에서 표준을 사용하여 텍스트 입력에 바인딩된 레이블 요소를 렌더링해야 합니다.for기여하다. 예를 들어 다음과 같은 JSX가 사용됩니다. Test 단, 이로 인해 HTML이 필수(및 표준)를 충족하지 못하게 됩니다.for속성: Test 내가 뭘 잘못하고 있지?그forAtribute가 호출됩니다.htmlForDOM 속성 API와의 정합성을 확보합니다.React 개발 빌드를 사용하는 경우 콘솔에 이 경고가 표시되어야 합니다.네, 리액션을 위해서 for된다htmlFor class된다className 기타. HTML 어트리뷰트의 변경 방법에 대한 자세한 것은, 다음의 URL 를 참조해 주세요. https://facebook..

React 구성 요소 업데이트(매초) React를 가지고 놀고 있는데, 다음과 같은 시간 구성요소가 있습니다.Date.now()화면에 표시: import React, { Component } from 'react'; class TimeComponent extends Component { constructor(props){ super(props); this.state = { time: Date.now() }; } render(){ return( { this.state.time } ); } componentDidMount() { console.log("TimeComponent Mounted...") } } export default TimeComponent; React 관점에서 시간을 다시 그리기 위해 이 ..

리액트 라우터는 새로고침 시 동작하지만 링크를 클릭할 때는 동작하지 않는다. 리액트를 셋업했습니다.react-router버전 4브라우저에서 직접 URL을 입력하면 라우팅이 동작하지만 링크를 클릭하면 브라우저에서 URL이 변경되지만(예를 들어 http://localhost:8080/categories) 내용은 업데이트되지 않습니다(단, 새로 고치면 업데이트됩니다). 설정은 다음과 같습니다. Routes.js 의 설정은 다음과 같습니다. import { Switch, Route } from 'react-router-dom'; import React from 'react'; // Components import Categories from './containers/videos/Categories'; impor..

Babel "7.0.0-0"이 필요하지만 "6.26"이 로드되었습니다.3" 다른 유사한 보고서를 따르기 때문에 설치하려고 하면(babel wise) 이 오류가 계속 발생합니다.스택 트레이스를 다음에 나타냅니다. error: bundling failed: Error: Requires Babel "^7.0.0-0", but was loaded with "6.26.3". If you are sure you have a compatible version of @babel/core, it is likely that something in your build process is loading the wrong version. Inspect the stack trace of this error to look for ..

모듈을 찾을 수 없습니다.'@date-io/date-fns'을(를) 확인할 수 없습니다. 리액트 머티리얼 UI를 사용하고 있는데 다음 오류가 나타납니다.모듈을 찾을 수 없습니다.'@date-io/date-fns'을(를) 확인할 수 없습니다. 제 패키지에 포함된 의존관계는 다음과 같습니다.json 파일: "dependencies": { "@date-io/date-fns": "^2.0.0", "@material-ui/core": "^4.9.5", "@material-ui/pickers": "^3.2.10", "@testing-library/jest-dom": "^4.2.4", "@testing-library/react": "^9.5.0", "@testing-library/user-event": "^7.2.1..

React-router - React에서 페이지 간에 데이터를 전달하려면 어떻게 해야 합니까? 저는 한 페이지에서 다른 페이지로 데이터를 전달해야 하는 프로젝트를 진행하고 있습니다.예를 들어, 저는data제1페이지에. let data = [ {id:1, name:'Ford', color:'Red'}, {id:2, name:'Hyundai', color:'Blue'} ] 이 데이터 목록을 이름으로 렌더링하는 첫 번째 구성 요소 페이지입니다. class ListDetail extends Component { constructor(); handleClick(data){ console.log(data); } render() { return ( {data.map((data,i) => { return {data.n..

실험 구문 'jsx'에 대한 지원이 현재 사용되도록 설정되지 않았습니다. 매우 간단한 코드를 실행하려고 하는데 오류가 발생하여 Create react 앱을 사용하지 않았습니다! babel.config.js 파일이 무시되고 있는 것 같습니다. 제 작은 프로젝트의 구조는 다음과 같습니다. 내 html 파일 내 index.js 파일: import React from 'react'; import { render } from 'react-dom'; render(Hello World!!, document.getElementById('app')); 패키지 json: { "name": "front", "version": "1.0.0", "main": "index.js", "license": "MIT", "scripts..

오류: 정의되지 않은 속성 'map'을 읽을 수 없습니다. 팔로우 하고 있습니다.reactjs튜토리얼, 그리고 나는 계속 문제에 부딪힌다. 한 구성요소 상태에서 다른 구성요소로 값을 전달합니다. 에러Cannot read property 'map' of undefined'튕겨져버립니다.map에서 기능하다CommentList컴포넌트가 실행됩니다. 의 원인이 되는 것은,prop되려고undefined에서 지나갈 때CommentBox에CommentList? // First component var CommentList = React.createClass({ render: function() { var commentNodes = this.props.data.map(function (comment){ return {..