batch

React를 사용하여 파일 구성 요소 업로드JS React 내에서 설정한 엔드포인트로 파일을 업로드하는 것을 관리하는 데 도움이 되는 컴포넌트를 만드는 데 도움이 되는 도움을 찾고 있습니다. fieldropjs를 통합하는 것을 포함한 수많은 옵션을 시도했습니다.DOM에 설정되어 있는 요소를 컨트롤 할 수 없기 때문에 반대 결정을 내렸습니다.new FileDrop('zone', options); 지금까지 제가 알아낸 건 다음과 같습니다. module.exports = React.createClass({ displayName: "Upload", handleChange: function(e){ formData = this.refs.uploadForm.getDOMNode(); jQuery.ajax({ url: ..

redux-thunk 액션을 비동기/비동기화하는 방법 action.displaces export function getLoginStatus() { return async(dispatch) => { let token = await getOAuthToken(); let success = await verifyToken(token); if (success == true) { dispatch(loginStatus(success)); } else { console.log("Success: False"); console.log("Token mismatch"); } return success; } } component.displaces(컴포넌트). componentDidMount() { this.props.dispa..

React Material UI - 여러 고차 레덕스 커넥터가 있는 머티리얼-ui 스타일을 수출하는 것에 집착하고 있습니다.코드는 다음과 같습니다. import React, { Component } from 'react'; import { connect } from 'react-redux'; import Drawer from 'material-ui/Drawer'; import { withStyles } from 'material-ui/styles'; import PropTypes from 'prop-types'; const mapStateToProps = state => ({}); const reduxConnector = connect(mapStateToProps, null); const styles =..

onChange 수신기를 사용해도 반응에서 입력 값을 변경할 수 없는 이유 저는 React를 처음 접하는 사람이고, 튜토리얼을 몇 가지 받은 후 아래 코드를 사용해 보았습니다. 부품 하나를 만들어서 가게에서 소품을 건네주고componentWillMount컴포넌트의 상태를 새로 만듭니다.지금까지는 렌더링에 문제가 없습니다. 다음에 나는 나의 바운드를 묶었다.state입력 상자의 가치로 바꿀 수 있습니다.onChange듣는 사람도 있어요.그래도 현장에서 제 가치관을 바꿀 수는 없어요. 나는 Angular 배경에서 왔기 때문에 아래와 같이 바인딩 입력의 값이 자동으로 속성을 갱신할 것이라고 생각합니다.name에state물건.내가 틀렸나요? componentWillMount(){ this.setState({ u..

Next.js: 문서가 정의되지 않았습니다. 사람들이 결제할 수 있는 결제 양식을 작성하려고 하는데 계속 오류가 납니다. 문서가 정의되지 않았습니다. Next.js를 사용하고 있습니다.아래 코드를 참조해 주세요. import React from "react"; import {Elements, StripeProvider} from 'react-stripe-elements'; import CheckoutForm from '../../components/Payment/CheckoutForm'; import { useRouter } from 'next/router'; var stripe_load = () => { var aScript = document.createElement('script'); aScript..

내보낸 릴레이 컨테이너 입력 방법 확장 중인 컴포넌트를 (플로 타입으로) 입력하려고 합니다.Relay.createContainer. "react-relay" 패키지로 수출된 종류를 조사했는데 React Container가 Propes를 인계하지 않는 것 같습니다. 나는 로 실험했다RelayContainer,ReactClass,React$Componentetc, 결국 내가 얻을 수 있는 가장 기대되는 결과는 다음과 같습니다. // Foo.js // @flow import React from "react"; import Relay from "react-relay"; type Props = { title: string; } const Foo({ title }: Props) => ({title}); const ..

Jest와 효소의 차이점은 무엇입니까? 저는 유닛 테스트에 처음입니다.리액트 프로젝트를 테스트하고 싶다.처음에는 효소를 테스트 효용으로 언급하는 React 문서부터 시작했는데, 이 문서에는 좀 애매한 부분이 있습니다. Jest ★★★★★★★★★★★★★★★★★」enzyme 이는?enzyme어설션 라이브러리 또는 태스크 실행자 ★★★★★★★★★를 사용할 수 있습니까?karmaJasmine 이 가장 좋을까요?react-redux 프로젝트? Jest는 태스크 러너, 어설션 라이브러리 및 조롱 지원을 포함하는 프레임워크입니다.즉, 다양한 유닛테스트 케이스를 실행하거나 콘솔파일 또는 로그파일에 결과를 기록하거나 mock을 작성하거나 모든 어설션을 검증할 수 있습니다.즉, 테스트를 실행하는 것입니다. 반면 효소는 쓰..

Next 또는 Gatsby vs Create React App 등의 리액트 프레임워크를 사용하는 경우 닫았습니다. 이 질문은의견 기반의현재 답변을 받고 있지 않습니다. 이 질문을 개선하시겠습니까?이 게시물을 편집하여 사실과 인용문으로 답변할 수 있도록 질문을 업데이트하십시오. 2년 전에 문을 닫았어요 이 질문을 개선하다 저는 React/Javascript 학습 경험의 일종의 빠른 프로토타이핑 단계에 있습니다.표준 Create React App과 비교해서 Next.js나 Gatsby.js와 같은 프레임워크에 언제 손을 뻗을지 궁금했습니다. Next.js의 링크를 프리로드하기 위한 페이지 기반 구조와 전망은 매우 마음에 듭니다.다만, CRA와 관련하여 Next에 언제 도달할지, CRA를 이젝트할지는 모르겠습..

React PropTypes: 하나의 프로포트에 대해 다양한 유형의 PropType 허용 크기만큼 소품을 받는 부품이 있습니다.프롭은 문자열 또는 숫자 ex 중 하나입니다."LARGE"또는17. 허락해도 될까요?React.PropTypes이것이 propType 검증의 어느 쪽이든 될 수 있다는 것을 알고 계십니까? 유형을 지정하지 않으면 경고가 표시됩니다. 지주형size유효하지 않습니다. 보통 React의 함수여야 합니다.PropTypes. MyComponent.propTypes = { size: React.PropTypes } size: PropTypes.oneOfType([ PropTypes.string, PropTypes.number ]), 상세:PropTypes를 사용한 형식 검사문서화를 위해 유..

릴레이를 사용할 때 로컬 상태를 어떻게 처리합니까? 리액트/릴레이 기반의 콘텐츠 관리 시스템을 개발하고 있습니다.사용자는 서버에 저장된 문서를 작성 및 수정할 수 있습니다.서버에 저장하기 전에 수정된 상태의 기사를 처리하는 것이 가장 좋은 방법인지 궁금합니다.이 문제를 해결하기 위한 몇 가지 다른 방법을 생각할 수 있습니다. 1) 제어되지 않은 입력 할 수 .defaultValue아무데도 명시적으로 상태를 저장하지 않도록 해야 합니다.DOM을 사용하다사용자가 "저장"을 누르면 모든 필드를 수집하여 값을 읽고 변환을 만듭니다. 장점: 로컬 상태 처리 없음 콘트라: 어떤 필드가 변경되었는지 알 수 없으며 모든 데이터를 변환으로 전송해야 합니다.또는 diff를 작성하려면 추가 로직이 필요합니다. 상태 변경에 ..