prostudy

반응 - 소품을 전달하여 입력 defaultValue 변경 다음 예를 들어 보십시오. var Field = React.createClass({ render: function () { // never renders new value... return ( ); } }); var App = React.createClass({ getInitialState: function () { return {value: 'Hello!'}; }, changeTo: function (str) { this.setState({value: str}); }, render: function () { return ( Change to "Whyyyy?" Change to undefined ); } }); React.render( , doc..

반응 및 물질적 유의를 통한 양식 검증 나는 현재 재료 UI 구성요소를 사용하여 작성된 양식에 유효성 검사를 추가하려고 한다.나는 그것이 작동하고 있지만 문제는 내가 현재 그것을 하고 있는 방법의 유효성 검사 기능이 입력의 모든 상태 변화(즉, 입력되는 모든 문자)에 대해 현재 호출되고 있다는 것이다.그러나 나는 타이핑이 중지된 후에만 유효성 검사를 수행하기를 원한다. 현재 코드 지정: class Form extends React.Component { state = {open: false, email: '', password: '', email_error_text: null, password_error_text: null, disabled: true}; handleTouchTap() { this.setS..

내포 환원기 내포된 환원기를 다음 구조와 결합할 수 있는가? import 'user' from ... import 'organisation' from ... import 'auth' from ... // ... export default combineReducers({ auth: { combineReducers({ user, organisation, }), auth, }, posts, pages, widgets, // .. more state here }); 국가가 구조를 갖는 경우: { auth: { user: { firstName: 'Foo', lastName: 'bar', } organisation: { name: 'Foo Bar Co.' phone: '1800-123-123', }, token: ..

기본/Xcode 업그레이드 대응 및 이제 RCTConvert.h를 찾을 수 없음 App은 Ract Native 0.35.0에서 정상적으로 실행됨을 통해 0.40.0으로 업데이트한 후react-native-git-upgradeXCode에서 앱을 빌드/실행하려고 할 때 많은 어휘/전처리장치 문제가 발생한다. React/RCTBridgeModule.h' file not found 이슈를 클릭하면 강조 표시된 내용이 표시됨: #import 그것은 검색 경로 문제로 보이지 않는다. node_modules를 삭제하고 실행해 보았다.npm install다시 말하지만 그건 아무것도 해결하지 못했어th0th에서 지적한 바와 같이, iOS의 RN 0.40에는 획기적인 변화가 있다.간단히 말해서, RN 헤더 선언은 포함 경..

수퍼마켓은 논쟁없이 무엇을 하는가? 의사들에게서 반응을 배우고 있지만, 어떤 반응을 보이는지는 잘 모르겠어.super()이 예에서 한다.보통 새로운 인스턴스를 만드는 데 전달된 주장을 받아들여 리액션(reaction)이러한 인수를 인스턴스에 통합하는 구성 요소의 생성자 방법?논쟁 없이 무엇을 할 수 있을까? class LikeButton extends React.Component { constructor() { super(); this.state = { liked: false }; this.handleClick = this.handleClick.bind(this); } handleClick() { this.setState({liked: !this.state.liked}); } render() { cons..

소품에서 구성 요소 초기화 상태 반응 반응에서, 이 두 구현 간에 실제적인 차이가 있는가?몇몇 친구들은 나에게 말한다.FirstComponent패턴이지만 왜 그런지 모르겠어그SecondComponent렌더가 한 번만 호출되기 때문에 더 간단해 보인다. 첫 번째: import React, { PropTypes } from 'react' class FirstComponent extends React.Component { state = { description: '' } componentDidMount() { const { description} = this.props; this.setState({ description }); } render () { const {state: { description }} =..

페이지에서 개체를 인쇄하는 방법 나는 내 페이지에 반응하여 출력하고 싶은 상태에 큰 데이터(목록)가 저장되어 있다. 나는 노력했다 - {JSON.stringify(myObject)} 그리고 {myObject.toString()} toString()효과가 없긴 하지만 한번 시도해 볼까 생각했어어떻게 해야 할지 잘 모르겠어, 내가 각진 상태였어도 물건을 보관할 수 있었겠지.$scope가변적, 그리고 그냥 하다{{myVar}}페이지에서 객체를 렌더링하십시오.이렇게 빨리 반응해서 할 수 있는 방법은 없을까?나는 너의 본보기가 효과가 있어야 한다고 생각해.어떤 종류의 표현을 원하시는지 모르겠지만 JSON.stringify를 사용하여 객체를 출력하는 JSFiddle에 예를 하나 넣었습니다. https://jsfid..

반응에서 로컬 이미지를 참조하는 방법 로컬 디렉토리에서 이미지를 로드하여 에 포함시키는 방법reactjs img src술래잡기? 나는 라고 불리는 이미지를 가지고 있다.one.jpeg내 컴포넌트와 같은 폴더안에 그리고 나는 두가지를 시도했다.그리고내 안에render기능이 있지만 이미지가 나타나지 않는다.또한 에 액세스할 수 없음webpack config그 프로젝트가 관계자와 함께 만들어졌기 때문에 제출하다.create-react-app명령줄 활용 업데이트: 이 기능은 이미지를 처음 가져올 수 있는import img from './one.jpeg'그리고 안에 그것을 사용한다.img src={img}하지만 가져올 이미지 파일들이 너무 많아서, 나는 그것들을 양식에 사용하고 싶다.img src={'image_..

스프레드 오퍼레이터에서 반응하여 여러 소품을 전달하는 방법 나는 다음과 같은 것을 가지고 있다. let objA = {varA,varB}; let objB = {varC, varD}; varA,varB,varC,varD를 내 구성요소로 전달하고 싶지만 objA와 objB 내부의 변수 수를 알 수 없으므로 하나씩 전달하지 않는다. 스프레드 오퍼레이터를 통해 이 작업이 가능하다고 리액션 문서를 읽어 보았다. let bothObjects = {...arrA, ...arrB}; 하지만 세 번째 목적 없이 할 수 있을까? 이 작업은 다음과 같다. 하지만 그게 맞는지는 잘 모르겠는데...이는 또한 다음과 같은 효과를 볼 수 있다. 하지만 그것은 웃겨 보이고 나는 이것을 완전히 이해하지 못한다. 그러나 이것은 효과가..

참조를 통해 하위 구성 요소 기능에 액세스하는 방법 Reaction에 대한 문서는 요소 기능이 참조를 통해 상위 구성요소에 의해 액세스될 수 있다는 것을 명시한다.https://facebook.github.io/react/tips/expose-component-functions.html을 참조하십시오. 나는 이것을 내 어플리케이션에서 사용하려고 하지만 하위 기능이 호출될 때 "정의되지 않은 것은 함수가 아니다" 오류에 부딪친다.내 코드와 문서의 다른 차이점이 보이지 않기 때문에 이것이 리액션 클래스에 ES6 형식을 사용하는 것과 관련이 있는지 궁금하다. 나는 다음과 같은 유사점처럼 보이는 Dialog 컴포넌트를 가지고 있다.대화상자에는 저장()을 호출하는 "저장" 버튼이 있으며, 이 버튼은 하위 내용 구..