«reactjs» 태그된 질문

ReactJS를 사용하고 있으며 사용자가 링크를 클릭하면 텍스트를 클립 보드에 복사하고 싶습니다. Chrome 52를 사용하고 있으며 다른 브라우저를 지원할 필요가 없습니다. 이 코드로 인해 데이터가 클립 보드에 복사되지 않는 이유를 알 수 없습니다. (코드 스 니펫의 출처는 Reddit 게시물에서 온 것입니다). 내가 잘못하고 있습니까? 누구나 reactjs를 사용하여 클립 보드에 복사를 구현하는 …

147 javascript  reactjs  clipboard 

jQuery 구성 요소를 React.js로 변환하려고하는데 문제가있는 것 중 하나는 for 루프를 기반으로 n 개의 요소를 렌더링하는 것입니다. 나는 이것이 불가능하거나 권장되며 모델에 배열이 존재하면 사용하는 것이 합리적이라는 것을 이해합니다 map. 괜찮습니다.하지만 배열이 없을 때는 어떻습니까? 대신 렌더링 할 주어진 수의 요소와 같은 숫자 값을 가지면 어떻게해야합니까? 다음은 계층 구조 수준을 …

145 javascript  jquery  reactjs  react-jsx 

React.js에서 각도의 $ watch 기능 은 무엇입니까 ? 상태 변경을 듣고 getSearchResults ()와 같은 함수를 호출하고 싶습니다. componentDidMount: function() { this.getSearchResults(); }

143 javascript  reactjs 

문제 나는 반작용에서 응용 프로그램을 작성하고 호출 슈퍼 일반적인 함정 피하기 할 수 없습니다입니다 setState(...)후를 componentWillUnmount(...). 나는 내 코드를 매우 신중하게 살펴보고 몇 가지 보호 조항을 제자리에 두려고 노력했지만 문제가 지속되었고 여전히 경고를 관찰하고 있습니다. 따라서 두 가지 질문이 있습니다. 스택 추적 에서 규칙 위반의 원인이되는 특정 구성 요소 및 …

143 javascript  reactjs  typescript  lodash  setstate 

마치 componentWillReceiveProps완전히 새로운 라이프 사이클 방식에 찬성, 오는 릴리스에서 단계적으로 될 것입니다 getDerivedStateFromProps: 정적 getDerivedStateFromProps를 () . 검사 한 결과 this.props와 nextProps에서 직접 님과 직접 비교할 수없는 것 같습니다 componentWillReceiveProps. 이 주위에 어떤 방법이 있습니까? 또한 이제 객체를 반환합니다. 반환 값이 본질적으로 있다고 가정하는 것이 맞 this.setState습니까? 아래는 온라인에서 찾은 …

142 javascript  reactjs  lifecycle 

이것에 접근하는 올바른 방법이 무엇인지 궁금합니다. var Hello = React.createClass({ getInitialState: function() { return {total: 0, input1:0, input2:0}; }, render: function() { return ( <div>{this.state.total}<br/> <input type="text" value={this.state.input1} onChange={this.handleChange} /> <input type="text" value={this.state.input2} onChange={this.handleChange} /> </div> ); }, handleChange: function(e){ this.setState({ ??? : e.target.value}); t = this.state.input1 + this.state.input2; this.setState({total: …

142 javascript  reactjs  jsx 

전체 코드는 여기 : https://gist.github.com/js08/0ec3d70dfda76d7e9fb4 안녕하세요, 빌드 환경에 따라 데스크톱 및 모바일에 대해 서로 다른 템플릿을 표시하는 응용 프로그램이 있습니다. 모바일 템플릿의 탐색 메뉴를 숨겨야하는 곳에서 성공적으로 개발할 수 있습니다. 지금은 proptypes를 통해 모든 값을 가져 와서 올바르게 렌더링하는 하나의 테스트 사례를 작성할 수 있습니다 그러나 모바일에서 단위 테스트 사례를 …

142 reactjs  mocha  redux 

내 반응 및 타이프 스크립트 앱에서는 다음을 사용 onChange={(e) => data.motto = (e.target as any).value}합니다. 클래스의 타이핑을 올바르게 정의하려면 어떻게해야합니까? 그래서 타입 시스템 주위에서 해킹 할 필요가 없습니다 any. export interface InputProps extends React.HTMLProps<Input> { ... } export class Input extends React.Component<InputProps, {}> { } 내가 넣으면 target: { value: …

142 reactjs  typescript  types  typescript-typings 

최근에는 Facebook의 React 프레임 워크를 살펴 보았습니다 . 실제로 이해하지 못하는 "가상 DOM"이라는 개념을 사용합니다. 가상 DOM이란 무엇입니까? 장점은 무엇입니까?

141 javascript  reactjs 

내가 사용하고 웹팩을 관리 reactjs 프로젝트를. webpack으로 자바 스크립트로 이미지를로드하고 싶습니다 file-loader. 다음은 webpack.config.js입니다 . const webpack = require('webpack'); const path = require('path'); const NpmInstallPlugin = require('npm-install-webpack-plugin'); const PATHS = { react: path.join(__dirname, 'node_modules/react/dist/react.min.js'), app: path.join(__dirname, 'src'), build: path.join(__dirname, './dist') }; module.exports = { entry: { jsx: './app/index.jsx', }, output: …

141 javascript  reactjs  webpack 

ReactJS에서 첫 걸음을 내딛고 부모와 자녀 사이의 의사 소통을 이해하려고합니다. 양식을 만들고 있으므로 스타일 필드에 대한 구성 요소가 있습니다. 또한 필드를 포함하고 확인하는 부모 구성 요소가 있습니다. 예: var LoginField = React.createClass({ render: function() { return ( <MyField icon="user_icon" placeholder="Nickname" /> ); }, check: function () { console.log ("aakmslkanslkc"); } …

140 javascript  reactjs 

React가 성능 최적화를 위해 비동기식으로 일괄 업데이트 상태를 수행 할 수 있음을 알고 있습니다. 따라서 호출 한 후에 업데이트 될 상태를 신뢰할 수 없습니다 setState. 하지만 당신은 반응 믿을 수 와 같은 순서로 상태를 업데이트 setState이라고 를 위해 같은 구성 요소? 다른 구성 요소? 다음 예제에서 버튼을 클릭하십시오. 1. 가능성 …

140 javascript  reactjs  state  setstate 

componentDidMount()React Native에서 비동기 함수로 사용 하는 것이 좋습니까? 아니면 피해야합니까? AsyncStorage구성 요소가 마운트 될 때 정보를 얻을 필요가 있지만 가능하게하는 유일한 방법은 componentDidMount()함수를 비동기 로 만드는 것 입니다. async componentDidMount() { let auth = await this.getAuth(); if (auth) this.checkAuth(auth); } 그것에 문제가 있습니까?이 문제에 대한 다른 해결책이 있습니까?

139 reactjs  asynchronous  react-native 

React와 함께 Typescript를 사용하고 있습니다. refs에서 참조하는 반응 노드와 관련하여 정적 타이핑 및 지능을 얻기 위해 refs를 사용하는 방법을 이해하는 데 문제가 있습니다. 내 코드는 다음과 같습니다. import * as React from 'react'; interface AppState { count: number; } interface AppProps { steps: number; } interface AppRefs { stepInput: HTMLInputElement; …

139 reactjs  typescript 

Django를 처음 사용하고 ReactJS를 처음 사용하십시오. AngularJS와 ReactJS를 살펴 보았지만 ReactJS를 결정했습니다. AngularJS가 시장 점유율을 더 많이 가지고 있음에도 불구하고 AngularJS가 인기를 끌고있는 것처럼 보였으며 ReactJS는 더 빨리 픽업됩니다. 그 쓰레기를 제쳐두고, 나는 Udemy에 대한 코스를 시작했고 몇 개의 비디오 후에 그것이 Django와 얼마나 잘 통합되는지 보는 것이 중요해 보였습니다. …

138 django  reactjs