«reactjs» 태그된 질문

때 통과하는 것이 중요하다 props에 super(), 그 이유는 무엇입니까? class MyComponent extends React.Component { constructor(props) { super(); // or super(props) ? } }

531 reactjs  ecmascript-6 

이 오류가 발생합니다. 잡히지 않는 오류 : 변하지 않는 위반 : 요소 유형이 잘못되었습니다 : 문자열 (내장 구성 요소의 경우) 또는 클래스 / 함수 (복합 구성 요소의 경우)이지만 개체가 있습니다. 이것은 내 코드입니다. var React = require('react') var ReactDOM = require('react-dom') var Router = require('react-router') var Route = Router.Route var …

528 reactjs  react-router 

다음과 같이 React 클래스 내에서 스타일을 지정할 수 있습니다. var MyDiv = React.createClass({ render: function() { var style = { color: 'white', fontSize: 200 }; return <div style={style}> Have a good and productive day! </div>; } }); 이 방법으로 모든 스타일을 지정하고 CSS 파일에 스타일을 지정하지 않아야합니까? 아니면 인라인 스타일을 …

512 css  reactjs  inline-styles  react-jsx 

React setState는 호출 될 때마다 모든 구성 요소 및 하위 구성 요소를 다시 렌더링합니까 ? 그렇다면 왜 그렇습니까? React는 상태가 변경 될 때 React가 필요한만큼만 렌더링한다는 생각을했습니다. 다음 간단한 예제에서 onClick 핸들러는 항상 state같은 값으로 설정하므로 후속 클릭에서 상태가 변경되지 않더라도 텍스트를 클릭하면 두 클래스가 다시 렌더링됩니다 . this.setState({'test':'me'}); state데이터가 …

503 javascript  reactjs 

React.js에서 디 바운스를 어떻게 수행합니까? handleOnChange를 디 바운스하고 싶습니다. 시도 debounce(this.handleOnChange, 200)했지만 작동하지 않습니다. function debounce(fn, delay) { var timer = null; return function() { var context = this, args = arguments; clearTimeout(timer); timer = setTimeout(function() { fn.apply(context, args); }, delay); }; } var SearchBox = React.createClass({ render: function() { …

496 javascript  reactjs 

redux-saga / redux-saga의 redux 타운에서 최신 아이에 대해 많은 이야기가 있습니다. 작업 듣기 / 배포를 위해 생성기 기능을 사용합니다. 머리를 감싸기 전에 async / await과 함께 redux-saga사용 redux-thunk하는 아래의 접근 방식 대신 사용의 장단점을 알고 싶습니다 . 구성 요소는 다음과 같을 수 있으며 평소와 같이 작업을 전달합니다. import { login …

488 javascript  reactjs  redux  redux-thunk  redux-saga 

두 가지 구성 요소가 있습니다. 부모 구성 요소 하위 구성 요소 부모님으로부터 자녀의 방법을 호출하려고했지만이 방법을 시도했지만 결과를 얻을 수 없었습니다. class Parent extends Component { render() { return ( <Child> <button onClick={Child.getAlert()}>Click</button> </Child> ); } } class Child extends Component { getAlert() { alert('clicked'); } render() { return ( …

474 javascript  reactjs 

내가 설정 React.js한 변수가 인 경우에만 렌더링되도록 앱 을 설정하려고합니다 true. 렌더링 기능 설정 방법은 다음과 같습니다. render: function() { var text = this.state.submitted ? 'Thank you! Expect a follow up at '+email+' soon!' : 'Enter your email to request early access:'; var style = this.state.submitted ? {"backgroundColor": "rgba(26, 188, …

467 javascript  reactjs  render 

state배열 끝에 요소를 추가하고 싶습니다 . 올바른 방법입니까? this.state.arrayvar.push(newelement); this.setState({arrayvar:this.state.arrayvar}); 대신 배열을 수정 push하면 문제가 발생할 수 있다는 것이 우려됩니다. 안전합니까? 어레이의 사본을 만들고 setStateing을 낭비하는 대안 .

416 javascript  reactjs 

__firebase_request_key서버에서 경로 재 지정한 후 Twitter의 싱글 사인온 프로세스에서 생성 된 URL에서 매개 변수 값 을 캡처하기 위해 route.jsx 파일에서 경로를 정의하려면 어떻게 해야합니까? http://localhost:8000/#/signin?_k=v9ifuf&__firebase_request_key=blablabla 나는 다음과 같은 경로 구성으로 시도했지만 :redirectParam언급 된 매개 변수를 잡지 않습니다. <Router> <Route path="/" component={Main}> <Route path="signin" component={SignIn}> <Route path=":redirectParam" component={TwitterSsoButton} /> </Route> </Route> …

412 reactjs  react-router 

이 기사 에서 설명하는 것처럼 클릭 이벤트가 구성 요소 외부에서 발생했는지 감지하는 방법을 찾고 있습니다. jQuery closest ()는 click 이벤트의 대상에 부모 요소 중 하나 인 dom 요소가 있는지 확인하는 데 사용됩니다. 일치하는 경우 click 이벤트는 하위 중 하나에 속하므로 구성 요소 외부에있는 것으로 간주되지 않습니다. 그래서 내 구성 요소에서 …

410 javascript  dom  reactjs 

<select>메뉴 의 React 컴포넌트 selected에서 애플리케이션 상태를 반영하는 옵션 에서 속성 을 설정해야합니다 . 에서는 render()의는 optionStateSortMenu 구성 요소 상태 소유자로부터 전달됩니다. 옵션 값은 propsJSON 에서와 같이 전달됩니다 . render: function() { var options = [], optionState = this.props.optionState; this.props.options.forEach(function(option) { var selected = (optionState === option.value) ? ' selected' …

402 javascript  reactjs 

공식 React Native 웹 사이트의 자습서를 따르고 있습니다. 다음을 사용하여 프로젝트를 빌드하십시오. react-native run-ios 오류가 발생합니다. Found Xcode project TestProject.xcodeproj xcrun: error: unable to find utility "instruments", not a developer tool or in PATH Command failed: xcrun instruments -s xcrun: error: unable to find utility "instruments", not a developer tool …

394 javascript  ios  reactjs  react-native  ios-simulator 

다음과 같이 중첩 속성을 사용하여 상태를 구성하려고합니다. this.state = { someProperty: { flag:true } } 하지만 이런 상태를 업데이트하면 this.setState({ someProperty.flag: false }); 작동하지 않습니다. 어떻게 이것을 올바르게 할 수 있습니까?

390 javascript  reactjs  ecmascript-6  setstate 

사소한 React 예제 페이지를 만든 후이 오류가 발생합니다. 잡히지 않는 오류 : 고정 위반 : _registerComponent (...) : 대상 컨테이너가 DOM 요소가 아닙니다. 내 코드는 다음과 같습니다. /** @jsx React.DOM */ 'use strict'; var React = require('react'); var App = React.createClass({ render() { return <h1>Yo</h1>; } }); React.renderComponent(<App />, document.body); …

387 javascript  dom  reactjs