«reactjs» 태그된 질문

상점이 자체 상태를 유지하고 그렇게하면서 네트워크 및 데이터 저장 서비스를 호출 할 수있는 능력이 있다면 ...이 경우 작업은 멍청한 메시지 전달자 일뿐입니다. -또는- ... 저장소는 작업에서 변경 불가능한 데이터의 멍청한 수신자 여야합니까 (작업은 외부 소스간에 데이터를 가져 오거나 보내는 작업입니까?이 인스턴스의 저장소는 뷰 모델 역할을하며 집계 / 필터링 할 수 …

122 reactjs  reactjs-flux 

나는 React를 가지고 놀았고 지금까지 정말 좋아합니다. NodeJS로 앱을 구축 중이며 애플리케이션 전체의 일부 대화 형 구성 요소에 React를 사용하고 싶습니다. 단일 페이지 앱으로 만들고 싶지 않습니다. 다음 질문에 대한 답을 웹에서 아직 찾지 못했습니다. 다중 페이지 앱에서 React 컴포넌트를 나누거나 번들링하려면 어떻게해야합니까? 현재 모든 구성 요소는 앱의 일부 섹션에서로드하지 …

122 javascript  node.js  reactjs 

인증 된 경로를 구현하려고 시도했지만 React Router 4가 이제 작동하지 않는다는 것을 발견했습니다. <Route exact path="/" component={Index} /> <Route path="/auth" component={UnauthenticatedWrapper}> <Route path="/auth/login" component={LoginBotBot} /> </Route> <Route path="/domains" component={AuthenticatedWrapper}> <Route exact path="/domains" component={DomainsIndex} /> </Route> 오류는 다음과 같습니다. 경고 : <Route component>및 <Route children>동일한 경로에서 사용해서는 안됩니다 . <Route children>무시됩니다 …

122 javascript  reactjs  react-router  react-router-v4 

이 라이브 예제 에서 다음 코드를 찾을 수 있습니다. 다음과 같은 반응 네이티브 요소가 있습니다. 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, View, } = React; var SampleApp = React.createClass({ render: function() { return ( <View style={styles.container}> <View style={styles.descriptionContainerVer}> <View style={styles.descriptionContainerHor}> <Text style={styles.descriptionText} numberOfLines={5} > Here …

122 css  reactjs  react-native  flexbox 

saga 함수 내에서 redux 상태에 어떻게 액세스합니까? 짧은 답변: import { select } from 'redux-saga/effects'; ... let data = yield select(stateSelectorFunction);

122 javascript  reactjs  redux  react-redux  redux-saga 

데이터를 상태 배열로 푸시하는 데 문제가있는 것 같습니다. 나는 이런 식으로 그것을 달성하려고합니다. this.setState({ myArray: this.state.myArray.push('new value') }) 그러나 이것이 잘못된 방법이라고 생각하며 변경 가능성에 문제가 있습니까?

122 javascript  reactjs  immutability 

작은 반응 앱을 만들고 있는데 로컬 이미지가로드되지 않습니다. placehold.it/200x200로드 와 같은 이미지 . 서버에 문제가있을 수 있다고 생각 했나요? 여기 내 App.js가 있습니다. import React, { Component } from 'react'; class App extends Component { render() { return ( <div className="home-container"> <div className="home-content"> <div className="home-text"> <h1>foo</h1> </div> <div className="home-arrow"> <p …

122 javascript  reactjs 

나는 이것을보고있다. 그것이 무엇에 대해 불평하는지는 미스터리가 아닙니다. Warning: validateDOMnesting(...): <div> cannot appear as a descendant of <p>. See ... SomeComponent > p > ... > SomeOtherComponent > ReactTooltip > div. 저는 SomeComponent및 의 작성자입니다 SomeOtherComponent. 그러나 후자는 외부 종속성 ( ReactTooltipfrom react-tooltip)을 사용하고 있습니다. 이것이 외부 의존성이라는 것이 필수적이지는 …

122 reactjs 

처음으로 React hooks를 시도하고 있는데 데이터를 얻고 두 개의 다른 상태 변수 (데이터 및 로딩 플래그)를 업데이트 할 때 두 호출 모두에도 불구하고 내 구성 요소 (데이터 테이블)가 두 번 렌더링된다는 사실을 깨달을 때까지 모두 괜찮아 보였습니다. 상태 업데이트 프로그램에 동일한 기능이 발생합니다. 다음은 내 구성 요소에 두 변수를 모두 …

122 javascript  reactjs  react-hooks 

이것은 대답 할 수있는 것과 의견이있는 것 사이의 경계를 넘을 수 있지만 복잡성이 커지고 어떤 방향을 사용할 수있을 때 ReactJS 구성 요소를 구성하는 방법에 대해 앞뒤로 진행할 것입니다. AngularJS에서 왔기 때문에 모델을 구성 요소에 속성으로 전달하고 구성 요소가 모델을 직접 수정하도록하고 싶습니다. 아니면 모델을 다양한 state속성 으로 분할하고 업스트림으로 다시 …

121 reactjs 

react.js에서 타임 아웃 참조를 인스턴스 변수 (this.timeout) 또는 상태 변수 (this.state.timeout)로 저장하는 것이 더 낫습니까? React.createClass({ handleEnter: function () { // Open a new one after a delay var self = this; this.timeout = setTimeout(function () { self.openWidget(); }, DELAY); }, handleLeave: function () { // Clear the timeout for …

121 javascript  reactjs 

누구든지 특정 경로가 아닌 이전 페이지로 돌아가는 방법을 알려주시겠습니까? 이 코드를 사용하는 경우 : var BackButton = React.createClass({ mixins: [Router.Navigation], render: function() { return ( <button className="button icon-left" onClick={this.navigateBack}> Back </button> ); }, navigateBack: function(){ this.goBack(); } }); 이 오류가 발생했습니다. 라우터 기록이 없기 때문에 goBack ()이 무시되었습니다. 내 경로는 …

121 javascript  reactjs  react-router 

두 번째 매개 변수로 GET 요청을 보내려고하는데 URL로 작동하는 동안 작동하지 않습니다. 이것은 작동합니다. $ _GET [ 'naam']은 test를 반환합니다. export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php?naam=test') .then((response) => { dispatch({type: "SAVE_SCORE_SUCCESS", payload: response.data}) }) .catch((err) => { dispatch({type: "SAVE_SCORE_FAILURE", payload: err}) }) } }; 그러나 이것을 …

121 reactjs  react-native  redux  axios 

다음이 있습니다. 파란색 밑줄을 제거하려면 어떻게합니까? 코드는 다음과 같습니다. <Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link> MenuItem 구성 요소는 http://www.material-ui.com/#/components/menu 에 있습니다 . 어떤 통찰력이나 안내도 대단히 감사하겠습니다. 미리 감사드립니다.

121 javascript  reactjs  react-router 

React.PropTypesTypeScript React 애플리케이션에서 사용하는 것이 합리적 입니까, 아니면 "벨트 및 멜빵"의 경우입니까? 컴포넌트 클래스는 Props유형 매개 변수로 선언되므로 : interface Props { // ... } export class MyComponent extends React.Component<Props, any> { ... } 추가하는 것이 실질적인 이점이 있습니까? static propTypes { myProp: React.PropTypes.string } 클래스 정의에?

121 reactjs  typescript  react-proptypes