codebag

DOM에서 React.render()를 여러 번 사용해도 될까요? React를 사용하여 DOM 전체에 컴포넌트를 여러 번 추가하고 싶다.이 바이올린은 내가 원하는 것을 보여주며 오류를 발생시키지 않는다.코드는 다음과 같습니다. HTML: JS: var Hello = React.createClass({ render: function() { return Hello {this.props.name}; } }); React.render(, document.getElementById('container')); React.render(, document.getElementById('second-container')); 이 질문을 본 적이 있는데, 위의 질문을 하면 React 컴포넌트가 서로 간섭하게 될 위험이 있습니..

지도 함수 내에서 "this"가 정의되지 않았습니다. Reactjs Reactjs와 함께 메뉴 컴포넌트를 만들고 있습니다. "use strict"; var React = require("react"); var Menus = React.createClass({ item_url: function (item,categories,articles) { console.log('afdasfasfasdfasdf'); var url='XXX'; if (item.type == 1) { url = item.categoryId == null ? 'javascript:void(0)' : path('buex_portal_browse_category', {slug: categories[item.categoryId].slug}); ..

React 구성 요소 디렉토리에서 index.js 파일은 어떻게 작동합니까? 저는 방금 새로운 React 프로젝트를 시작했고, 기본적으로 각각의 컴포넌트에 따라 파일을 그룹화하는 다음 패턴을 사용하기로 결정했습니다. ├── actions │ ├── LaneActions.js │ └── NoteActions.js ├── components │ ├── App │ │ ├── App.jsx │ │ ├── app.css │ │ ├── app_test.jsx │ │ └── index.js │ ├── Editable │ │ ├── Editable.jsx │ │ ├── editable.css │ │ ├── editable_test.jsx │ │ └── index.js ... │ └── index.js ├── const..

react render()가 componentDidMount()보다 먼저 호출되고 있습니다. 인마이componentDidMount()데이터를 가져오기 위해 API 호출을 하면 이 호출은 렌더링에서 사용하는 상태 개체를 설정합니다. componentDidMount() { const { actions } = this.props; this.increase = this.increase.bind(this); // api call from the saga actions.surveyAnswersRequest(); // set breadcrumb actions.setBreadcrumb([{ title: 'Score' }]); actions.setTitle('Score'); this.increase(); } 렌더링 기능..

React.js에서 리치 데이터 구조 편집 데이터 구조용 단순한 그리드 기반 에디터를 작성하려고 하는데 React.js에 몇 가지 개념적인 문제가 있습니다.그 문서에는 별로 도움이 되지 않기 때문에, 여기 계신 분이 도와주셨으면 합니다. 첫째, 외부 구성 요소에서 내부 구성 요소로 상태를 전환하는 올바른 방법은 무엇입니까?내부 구성 요소의 상태 변화가 외부 구성 요소까지 "거품"으로 발생할 수 있습니까? 둘째, 두 개의 분리된 구성요소가 데이터를 공유하여 다른 구성요소에서 돌연변이를 볼 수 있습니까? 다음에, 내가 하고 싶은 일의 종류(JSFIDle 버전)의 간단한 예를 나타냅니다. 나는 가지고 있다company배열을 포함한 물체employee물건들.나는 이 모든 것들을 배치하고 있습니다.employee..

ErrorBoundary를 사용하여 캡처한 후에도 여전히 오류가 표시되는 반응 My React 앱은 오류를 감지하여 사용자 지정 오류 메시지를 올바르게 표시하지만, 1초 후에도 원래 오류 기록을 표시합니다.따라서 폴백 UI는 초기 오류 화면으로 대체됩니다. 테스트 컴포넌트: import React, { Component } from 'react'; export class Test extends React.Component { constructor(props) { super(props); } render() { return ( ); } } 오류 구성 요소: import React, { Component } from 'react'; export class Error extends React.Component..

Switch'가 'react-router-dom'에서 내보내지지 않았습니다. 포장되어 있습니다.json file react-module-dom 의존관계가 추가되었습니다.BrowswerRouter로 둘러싸인 앱 컴포넌트입니다만, 스위치로 루트를 래핑하면, 「React-router-dom」에서 「Switch」라고 하는 에러가 표시됩니다.노드 모듈인 package.json.lock을 삭제하고 npm을 다시 설치하고 npm install @babel/core --save를 설치했습니다.아직 안 돼.이걸 위해 6시간을 허비하는 데 성공했어요.이것 좀 고쳐 주시겠어요?왜 Import가 되지 않는 거죠? Index.js import {BrowserRouter} from 'react-router-dom'; ReactD..

eslint: 반복기(react/jsx-key) 요소에 대한 "키" 프로펠러가 없습니다. React는 처음이라 사용자의 정보가 담긴 표를 출력하려고 합니다.하지만 Eslint는 계속해서 다음과 같은 오류를 나에게 준다. [eslint] Missing "key" prop for element in iterator [react/jsx-key] 제대로 했는지 모르겠지만 사용자 목록에 있는 각 사용자에게 고유 ID 번호를 할당했는데 오류가 지속되는 이유는 알 수 없습니다. 그래서 내 PeopleCard.js에는 다음이 있습니다. import React from "react"; import { Card, CardImg, CardText, CardBody, CardTitle, CardSubtitle, Button ..

create-react-app에서 상대 경로 가져오기(/../..../redux/action/action1)를 사용하지 않는 방법 create-contract-app을 만듭니다.「Import」, 「Import」, 「Import」, 「Import」, 「Import」의 예를 나타냅니다.import action from '../../../redux/action module-alis npm 패키지를 사용해 봤지만 성공하지 못했습니다.폴더 이름 또는 별칭(절대 경로)을 기준으로 가져올 수 있는 플러그인이 있습니까? §:import action from '@redux/action' ★★★★★★★★★★★★★★★★★」import action from '@resource/css/style.css' 하다라는 을 만들어 보..

서브슬라이밍 텍스트용 JSX 포메터가 있나요? Sublime Text를 텍스트 편집기로 사용하고 있습니다. jascript 파일을 포맷하기 위한 jsFormat이 있는데 JSX용 파일을 찾을 수 없습니다. JSX 포맷은 어떻게 해요?업데이트 4 esformater로 구성할 수는 없지만 현재 일부 대형 프로젝트(React 자체 등)를 포맷하는 데 사용되므로 더 예쁘게 체크할 수 있습니다. 업데이트 3 Sublime jsfmt를 확인합니다.설정에 esformatter-jsx를 추가하고 sublime-jsfmt용 패키지를 Forlder 내부에 설치하는 경우.Sublime에서 직접 JSX 파일을 포맷할 수 있습니다.여기 안내서가 있습니다. 업데이트 2 명령줄에서 esautifier를 사용할 수도 있습니다.포맷할..