«reactjs» 태그된 질문

JSX에서 React Variables가있는 HTML을 삽입 해야하는 React로 무언가를 만들고 있습니다. 다음과 같은 변수를 갖는 방법이 있습니까? var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>'; 이렇게 반응에 삽입하고 작동합니까? render: function() { return ( <div className="content">{thisIsMyCopy}</div> ); } 예상대로 HTML을 삽입 했습니까? 나는이 인라인을 수행 할 수있는 반응 함수 또는 이것이 …

203 javascript  html  frontend  reactjs  react-jsx 

ReactJS를 처음 사용합니다. 소리가 나면 죄송합니다. 수신 된 데이터에 따라 여러 테이블 행을 만드는 구성 요소가 있습니다. 열의 각 셀에는 라디오 확인란이 있습니다. 따라서 사용자는 기존 행에서 site_name하나 address를 선택할 수 있습니다 . 선택은 바닥 글에 표시되어야합니다. 그리고 내가 붙어있는 곳. var SearchResult = React.createClass({ render: function(){ var resultRows = …

203 html  reactjs 

내 render기능에는 다음과 같은 간단한 형식 이 있습니다. render : function() { return ( <form> <input type="text" name="email" placeholder="Email" /> <input type="password" name="password" placeholder="Password" /> <button type="button" onClick={this.handleLogin}>Login</button> </form> ); }, handleLogin: function() { //How to access email and password here ? } handleLogin: function() { ... }액세스 Email및 Password필드 …

199 javascript  html  reactjs  frontend 

반응 네이티브 프로젝트를 실행할 때 오류가 발생 no bundle URL present하지만 실수가 무엇인지 모르겠지만 매우 혼란 스러웠습니다.

199 ios  reactjs  react-native 

Facebook과 같은 콘텐츠 피드를 처리하는 React 앱 구성 요소에서 오류가 발생했습니다. Feed.js : 94 undefined "parsererror" "SyntaxError : JSON에서 0 위치의 예기치 않은 토큰 < 비슷한 오류가 발생하여 렌더링 함수 내에서 HTML의 오타로 판명되었지만 여기서는 그렇지 않습니다. 더 혼란스럽게도 코드를 이전의 알려진 작동 버전으로 롤백했는데 여전히 오류가 발생합니다. Feed.js : …

199 javascript  jquery  json  reactjs 

나는 반응이 조금 새롭다. 나는 우리가이 일을 시작하는 가져와야 참조 React및 ReactDOM캔 사람이 차이를 설명. React documentation을 읽고 있지만 말하지 않습니다.

198 reactjs  react-dom 

감속기 자체에서 작업을 전달할 수 있습니까? 진행률 표시 줄과 오디오 요소가 있습니다. 오디오 요소에서 시간이 업데이트 될 때 진행률 표시 줄을 업데이트하는 것이 목표입니다. 그러나 진행률 표시 줄을 업데이트하기 위해 ontimeupdate 이벤트 핸들러를 배치 할 위치 또는 ontimeupdate 콜백에서 작업을 디스패치하는 방법을 모르겠습니다. 내 코드는 다음과 같습니다. //reducer const initialState …

197 reactjs  redux  reducers 

Date반응 에서 소품의 유효성을 검사하는 현재 선호되는 방법은 무엇입니까 ? 지금 나는 사용하고 있습니다 : React.PropTypes.object 그러나 이것은 현재 forbid-prop-types 보푸라기 규칙을 위반하고 있습니다. 를 사용해야합니까 shape아니면 더 좋은 방법이 있습니까?

196 reactjs 

플럭스 아키텍처로 react.js 응용 프로그램을 만들고 있는데 서버에서 데이터 요청을 언제 어디서 수행해야하는지 파악하려고합니다. 이에 대한 예가 있습니까? (TODO 앱이 아닙니다!)

194 javascript  reactjs  reactjs-flux 

@connect반응 구성 요소 내의 저장소에 액세스하려고 할 때 효과적입니다. 그러나 다른 코드로 어떻게 액세스해야합니까? 예를 들어, 내 앱에서 전 세계적으로 사용할 수있는 axios 인스턴스를 생성하기 위해 인증 토큰을 사용하려고한다고 가정 해 봅시다.이를 달성하는 가장 좋은 방법은 무엇입니까? 이것은 나의 api.js // tooling modules import axios from 'axios' // configuration const …

192 reactjs  redux  react-redux 

반응 구성 요소 상태가 변경되면 render 메소드가 호출됩니다. 따라서 상태가 변경되면 렌더링 메소드 본문에서 작업을 수행 할 수 있습니다. 그러면 setState 콜백에 대한 특별한 사용 사례가 있습니까?

191 reactjs  callback  setstate 

ReactJS의 구성 요소에 대한 소품으로 데이터 객체를 사용하고 있습니다. <Field data={data} /> PropTypes 객체 자체를 쉽게 확인할 수 있다는 것을 알고 있습니다. propTypes: { data: React.PropTypes.object } 그러나 내부 값을 확인하려면 어떻게해야합니까? 즉. data.id, data.title? props[propName]: React.PropTypes.number.required // etc...

191 reactjs 

renderReact 컴포넌트 의 메소드 내에서 주석을 사용하려면 어떻게 해야합니까? 다음과 같은 구성 요소가 있습니다. 'use strict'; var React = require('react'), Button = require('./button'), UnorderedList = require('./unordered-list'); class Dropdown extends React.Component{ constructor(props) { super(props); } handleClick() { alert('I am click here'); } render() { return ( <div className="dropdown"> // whenClicked is …

191 reactjs  react-native 

모바일 장치에서 React 응용 프로그램을 테스트하려고합니다. ngrok을 사용하여 로컬 서버를 다른 장치에서 사용할 수있게하고 다양한 다른 응용 프로그램 에서이 작업을 수행했습니다. 그러나 ngrok를 React dev 서버에 연결하려고하면 오류가 발생합니다. Invalid Host Header React는 기본적으로 다른 소스의 모든 요청을 차단한다고 생각합니다. 이견있는 사람?

191 reactjs  localhost  ngrok 

에서 알고 온 v15.3.0 반응 , 우리는 새로운 기본 클래스라는이 PureComponent 로 확장 할 수 PureRenderMixin 내장을. 내가 이해하는 것은 후드 아래에서 소품의 얕은 비교를 사용한다는 것입니다 shouldComponentUpdate. 이제 React 컴포넌트를 정의하는 3 가지 방법이 있습니다 : 클래스를 확장하지 않는 기능적인 Stateless 구성 요소 PureComponent클래스 를 확장하는 구성 요소 Component클래스 …

189 javascript  reactjs  ecmascript-6