starcafe

리액트-라우터-돔 패스 소품을 컴포넌트에 리액트-라우터-돔 패스 라우터를 사용하여 소품을 컴포넌트에 전달해야 합니다.제 코드는 다음과 같습니다. import React, { Component, PropTypes } from 'react'; import { connect } from 'react-redux'; import AppBarTop from './appbar/AppBarTop'; import Login from '../pages/login/Login'; import {BrowserRouter as Router, Route} from 'react-router-dom'; class App extends Component { render() { const { isAuthenticated } = this...

반응 버튼 리디렉션 페이지 클릭 React와 부트스트랩을 사용하여 웹 어플리케이션을 만들고 있습니다.버튼 on클릭을 적용할 때 페이지를 다른 페이지로 리디렉션하는 데 어려움을 겪고 있습니다.href 후에 다른 페이지로 이동할 수 없습니다. 리액트 네비게이션 등을 사용하여 Button on Click을 사용하여 페이지를 탐색할 필요가 있는지 알려 주시겠습니까? import React, { Component } from 'react'; import { Button, Card, CardBody, CardGroup, Col, Container, Input, InputGroup, InputGroupAddon, InputGroupText, Row, NavLink } from 'reactstrap'; class Lo..

반응 - TypeError: 정의되지 않은 속성 'props'를 읽을 수 없습니다. 목록에서 항목을 삭제할 수 있도록 클릭 이벤트를 생성하려고 하는데 이 이벤트를 클릭하면 "TypeError: Unread property 'props of defined"라는 메시지가 나타납니다. 가능한 한 ES6를 고집하려고 하고 있고, 어딘가에서 '이것'을 구속하는 것은 틀림없다고 생각합니다만, 많은 곳을 시도했지만 성공하지 못했습니다. import React, { Component } from 'react'; import './App.css'; class App extends Component { render() { return ( ); } } class StreetFighter extends Component { ..

반응 원어민으로 키보드 숨기기 텍스트 입력을 탭하면 (반환 키가 아닌) 키보드를 다시 꺼내기 위해 다른 곳을 탭할 수 있게 됩니다.제가 읽은 튜토리얼이나 블로그 투고에서는 이에 관한 정보를 전혀 찾을 수 없었습니다. 이 기본적인 예는 시뮬레이터의 react-native 0.4.2에서는 아직 동작하지 않습니다.아직 아이폰에서 시도하지 못했어요. Welcome to React Native! To get started, edit index.ios.js Press Cmd+R to reload,{'\n'} Cmd+D or shake for dev menu 되지 않는 는 '가 있으면 더 심각해집니다.keyboardType='numeric'★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ 로 치환..

ReactJ에서는 동기 호출 시 setState가 다르게 동작하는 이유는 무엇입니까? 완전히 설명할 수 없는, 그리고 리액트를 읽어서는 알 수 없는, 다소 '마법의' 동작의 근본 원인을 이해하려고 합니다.JS 소스 코드 를 할 때setState에 메서드onChange모든 것이 예상대로 작동합니다.입력의 "새로운" 값이 이미 존재하기 때문에 DOM은 실제로 갱신되지 않습니다.이것은 커서가 입력 상자 끝으로 이동하지 않는다는 것을 의미하기 때문에 매우 바람직합니다. 완전히 , 를 호출합니다.setState 비동기적으로 입력의 "새로운" 값이 존재하지 않아 리액트가 발생합니다.JS가 실제로 DOM을 터치하면 커서가 입력 끝으로 점프합니다. 의 「것 value비동기 케이스에서는 동작하지 않습니다.이기기 은엇? ..

reactj에서 stopPropagation을 호출하는 방법 클릭 이벤트가 터지지 않게 하고 싶다.그래서 코드에 e.stopPropagation()을 추가했습니다.콘솔에서 항상 다음과 같은 오류가 발생합니다.Uncaught TypeError: e.stopPropagation is not a function reactjs에서 stopPropagation을 설정하는 올바른 방법은 무엇입니까? handleClick: function(index, e) { e.stopPropagation(); ... }, 올바른 방법은.stopPropagation, var Component = React.createClass({ handleParentClick: function() { console.log('handleParen..

VSCode의 .js 파일에 JSX 코드를 코멘트 아웃하는 방법은 무엇입니까? JSX 는 JSX에서 할 수 .js비주얼 스튜디오{/**/}까지 JSX를 코멘트 아웃할 수 있습니다. 예: render() { return ( {/* */} ) } 다음으로 컴포넌트2가 코멘트 아웃됩니다. ★★Babel JavaScriptVS ★★★: https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel 및 설치command + /에 jsx를 합니다.{ /* */ }모든 플러그인은 편집자의 동작을 변경할 수 있으므로 사용하지 않도록 설정합니다.예를 들어 Babel ES6/ES7 플러그인을 사용하는 경우 에디터의 코멘트.jsx합니..

.env.local과 .env.development.local의 차이점은 무엇입니까? 사용하였습니다.create-react-app. 환경변수 파일도 만들었습니다. .env.local,.env.development.local 나는 그것을 발견했다..env.development보다 우선하다.env.local 그리고.env.development.local에 대한 선입견이 있는 것 같다.env.development. 그렇다면,.env.development.local를 덮어쓰기 위해 사용됩니다..env.development의 목적이 무엇인가.env.local?개발 빌드 및 프로덕션 빌드용 파일의 우선 순위를 다음에 나타냅니다. 개발: (npm start):.env.development.local, .env.loc..

비디오 자동 재생이 작동하지 않음 - 수정 프로그램 찾기 리액트에 배경화면이 있어요자동 재생을 원합니다.자동 재생이 동작하지 않는다. 시도했습니다. 자동 재생 자동 재생 autoPlay="자동 재생" 제가 특히 이상하게 생각하는 것은 가끔 효과가 있다는 것입니다.하지만 그러면 멈출 거야 여기 지금 있는 그대로의 코드가 있습니다. 여기 컴포넌트의 전체 섹션이 있습니다.트랜지션을 사용하고 있습니다만, 지난 주 시점에서는 영향이 없었습니다. {(state) => ( )} 음, 내 경우는 음소거 특성을 추가했어. 이것을 시험해 보세요. Chrome 66은 음소거 속성이 없는 모든 비디오의 자동 재생을 중지합니다. 내 경우, 리액트의 비디오는 대문자를 사용하지 않았기 때문에 재생되지 않았다.autoplay.그래야..

React의 다른 반환문으로 여러 줄 JSX를 반환하려면 어떻게 해야 합니까? 한 줄이면 충분합니다. render: function () { return ( {[1,2,3].map(function (n) { return {n} }} ); } 단, 복수 회선의 경우는 제외합니다. render: function () { return ( {[1,2,3].map(function (n) { return ( Item {n} Description {n} ) }} ); } 태그를 함수 호출로 간주합니다(매뉴얼 참조).그 후 첫 번째 항목은 다음과 같습니다. {[1,2,3].map(function (n) { return React.DOM.p(...); })} 그리고 두 번째는: {[1,2,3].map(function (..