testman

reactjs 앱에 부트스트랩 css 및 js를 포함하려면 어떻게 해야 합니까? React JS는 처음이라 부트스트랩을 React 앱에 포함시키고 싶다. 은 「」에 의해서 .npm install bootstrap --save 이제 React 앱에 부트스트랩 CSS와 JS를 로드합니다. 웹 팩을 사용하고 있습니다. webpack.config.syslog var config = { entry: './src/index', output: { path: './', filename: 'index.js' }, devServer: { inline: true, port: 8080, historyApiFallback: true, contentBase:'./src' }, module: { loaders: [ { test: ..

TypeScript 캐스트 연산자 "as"의 ESlint 구문 분석 오류 "예상하지 않은 토큰" 이 발생한 경우as오퍼레이터가 주다[eslint] [E] Parsing error: Unexpected token, expected ";"장소를 가리키다as. 코드 예: {error && {(error as any).message}} 이 캐스팅은any에 있는 버그에 대한 회피책입니다.react-hooks-form의useFormContext기능. 에러를 무시하고 앱을 컴파일하면 정상적으로 동작합니다. 이 문제는 최신 TypeScript 및 react-script를 사용하는 표준 Create React App에서 발생합니다. $ npm list -dev -depth 0 frontend@0.1.0 ├── eslin..

Reactjs onPaste 이벤트에서 값을 붙여넣는 방법 Reactjs 입력 텍스트 요소에 onPaste 이벤트가 할당되어 있는 경우, 어떻게 응답에 붙여넣은 값을 얻을 수 있습니까? 현재 콘솔에 표시되는 것은 SyntheticClipboardEvent로 모든 속성이 null로 되어 있습니다.console.log는 비동기 체커이므로 대부분의 값이 null이 됩니다. 하지만 어떻게 하면 그 가치를 얻을 수 있을지 궁금합니다. 건배.onPaste: function(e) { console.log(e.clipboardData.getData('Text')); }, https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/types 형식은 데이터의 유형 또는 ..

npm 시작 오류와 create-param-app입니다. 2개입니다.대로 되돌려서 할 때, 뛰려고 할 .npm start을 사용하다 > react-scripts start sh: react-scripts: command not found npm ERR! Darwin 16.0.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "start" npm ERR! node v6.7.0 npm ERR! npm v3.10.3 npm ERR! file sh npm ERR! code ELIFECYCLE npm ERR! errno ENOENT npm ERR! syscall spawn npm ERR! UpScore@0.6.0 start: `react-scripts sta..

이벤트 개체에서 데이터 속성에 액세스하는 방법 jsfiddle var Hello = React.createClass({ handleClick(event){ console.log('target info', event.currentTarget); console.log('event info', event); var sortOrder = event.currentTarget.sortorder; console.log('sortOrder: ', sortOrder); alert(sortOrder);//Should say "asc" }, render: function() { return Click Here Please; } }); ReactDOM.render( , document.getElementById('contai..

리액트 훅 형태로 리액트 날짜 피커를 사용할 수 있습니까? 리액트 훅 형태로 리액트 날짜 피커를 사용할 수 있습니까?다음 샘플을 시험해 보았습니다. https://codesandbox.io/s/awesome-shape-j0747?fontsize=14&hidenavigation=1&theme=dark 하지만 운이 없었지. import React, { useState } from "react"; import "./styles.css"; import { useForm } from "react-hook-form"; import { Row, Col, Form, FormGroup, Label, Input, Button } from "reactstrap"; import DatePicker from "react-dat..

리액트 및 웹팩을 사용하여 Babel 6 Stage 0을 설정하는 방법 의사 선생님께서 양해해 주십시오. Babel 6 는 es2015, react, stage-x 3 3 가 bab bab bab bab bab bab bab bab bab bab bab bab bab bab 。그것들을 셋팅할 수 있다고 읽었습니다..babelrc다음과 같이 합니다. { "presets": ["es2015", "react", "stage-0"] } 또는 패키지에 직접 담습니다.JSON은 다음과 같습니다. { ..., "version": x.x.x, "babel": { "presets": ["es2015", "react", "stage-0"] }, ..., } babel-loader를 웹 팩과 함께 사용할 수 있습니다. lo..

'Element' 형식의 인수는 'ReactElement' 형식의 매개 변수에 할당할 수 없습니다. 다음 코드: import * as React from 'react'; const Component = () => ; function culprit(node: React.ReactElement) { console.log(node); } culprit(); ...TypeScript를 사용하여 컴파일하면 다음 컴파일 오류가 발생합니다. 오류 TS2345: 유형 'Element'의 인수를 유형 'ReactElement'의 매개 변수에 할당할 수 없습니다.유형 'null'은 유형 'ReactElement'에 할당할 수 없습니다. 이 문제는 strictNullChecks TypeScript 컴파일 플래그가 다음과 같..

리액트 기반 어플리케이션 사용 시 redux와 reflux의 핵심 차이점은 무엇입니까? 최근에 전자상거래 사이트 개발에 대한 예비 연구를 실시했는데, 리덕스와 환류 모두 Facebook의 플럭스 아키텍처에서 유래하고 있으며, 둘 다 인기가 있다는 것을 발견했습니다.나는 그 둘의 차이점에 대해 혼란스럽다. 전자상거래 웹 어플리케이션 개발 단계에서 가장 유연한 redux vs reflux는 언제 사용해야 합니까?Flux, Reflux 및 Redux(및 기타 유사한 라이브러리)는 모두 횡단적인 데이터 관리를 처리하는 서로 다른 방법입니다. Basic React 컴포넌트는 부모-자녀 관계에서는 정상적으로 동작하지만, 직접 연결되지 않은 앱의 다른 부분에서 데이터를 제공 및 업데이트해야 할 경우 빠르게 혼란스러워..

request Animation Frame과 cancel Animation Frame을 사용할 때 use Effect 실행 순서와 내부 정리 로직은 무엇입니까? 문서에 , 액액 according according according according 。useEffect는, 「 로직」을 하고 , 「Clean-up 」을 재실행합니다.useEffectsyslog.syslog. 이펙트가 함수를 반환할 경우 React는 정리할 시간이 되면 해당 기능을 실행합니다. .왜냐하면 업데이트 처리에는 특별한 코드가 없습니다.useEffect는 디폴트로 그것들을 처리합니다.다음 효과를 적용하기 전에 이전 효과를 청소합니다. , ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★」requestAnimationF..