bestsource

npx create-react-app을 사용하여 react를 설치할 수 없습니다. npx create-react 앱을 사용하려고 하는데 다음과 같은 오류가 있습니다. npm ERR! Unexpected end of Json input while parsing near '...eact-app/-/create-rea' npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\dp\AppData\Roaming\npm-cache\_logs\2018-12-06T18-42-56-293Z-debug.log Install for create-react-app@latest failed with code 1** 에러 로그 파일은 여기에 있습니다. 어떻게..

Apache 웹 서버에 React App을 배포하는 방법 여기 https://www.tutorialspoint.com/reactjs/reactjs_jsx.htm에서 기본적인 Respect App을 만들었습니다.이 테스트 코드를 Apache 기반 서버에서 실행하고 싶습니다.분산 가능한 빌드를 작성해야 한다는 것은 알고 있습니다만, 그 방법을 알 수 없어 명확한 지침을 찾을 수 없습니다. Apache 서버에서 이 React,js를 봤지만 몇 가지 가이드라인만 기재되어 있습니다.먼저, 리액션 프로젝트에서 패키지로 이동합니다.json 파일을 작성하고 대상 도메인 주소 + 폴더와 일치하도록 다음 코드 행을 조정합니다. "homepage": "https://yourwebsite.com/your_folder_name..

React TypeScript 16.8 useEffect() 비동기화 방법 할 수 없는 이유useEffect()async-module을 사용하시겠습니까? const Home: React.FC = () => { useEffect(async () => { console.log(await ecc.randomKey()) }, []) return ( ... 내가 받는 오류는 '() = > Promise' 형식의 인수는 'EffectCallback' 형식의 매개 변수에 할당할 수 없습니다. 'Promise' 유형은 'type | (() => void | undefined)' 유형에 할당할 수 없습니다. 'Promise' 유형은 '() => void | defined' 유형에 할당할 수 없습니다. 'Promise'를..

모든 정보를 가져올 때까지 React 컴포넌트를 렌더링하지 않도록 하려면 어떻게 해야 합니까? 구성 요소를 렌더링하기 전에 몇 가지 정보를 가져와야 합니다.이 정보는 API에 의해 제공되며 Ajax 호출로 가져옵니다. 컴포넌트를 렌더링하기 전에 10초 정도 기다리려고 하는데 다음과 같이 표시됩니다. Uncaught Invariant Violation: Login.render(): A valid ReactComponent must be returned. You may have returned undefined, an array or some other invalid object. 약속을 이행한 후에 컴포넌트를 렌더링할 수 있습니까? /** Page Login */ class Login extends Rea..

리차트를 사용하여 응답형 차트의 높이와 폭을 설정합니다(Barchart). BarChart(바 차트)그...width={600} ★★★★★★★★★★★★★★★★★」height={300}바르차르트어떻게 하면 바르차트가 반응할 수 있을까요?를 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★width={'50%"} height={"40%"}하지만 효과가 없었다. import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend } from 'recharts'; '어울리다'를 써야 요.ResponsiveContainer효과가 있습니다.또한 대괄호 없이 백분율 값을 사용합니다. // your chart 잘 :) 잘요. :) 출처:응답성 컨테이너 문..

마운트/언마운트 사이에 React 컴포넌트 상태를 유지하는 방법 구성 를 가지고 있습니다.내부 상태를 유지합니다. 다른 요소가 .를 .렌더링 됩니다. 저는 계속 간직하고 ."/" " "/" 는 그 를 포포의 인스턴스화할 수 있다고 생각했다.렌더링/마운트 여부를 제어합니다. var StatefulView = React.createClass({ getInitialState: function() { return { count: 0 } }, inc: function() { this.setState({count: this.state.count+1}) }, render: function() { return ( inc count:{this.state.count} ) } }); var App = React.create..

입력되지 않은 npm 모듈에 대한 TypeScript 사용자 지정 선언 파일 저는 TypeScript를 사용하는 프로젝트에 npm부터 표고라는 React 컴포넌트를 사용하고 있습니다.그 라이브러리에는 TypeScript 선언이 없기 때문에 작성하려고 합니다.선언 파일은 다음과 같습니다(완전하지 않을 수 있지만 너무 걱정하지 마십시오). import * as React from 'react'; declare module 'shiitake' { export interface ShiitakeProps { lines: number; } export default class Shiitake extends React.Component { } } 이걸 안에 넣었어요../typings/shiitake.d.ts파일 및 ..

리액트 및 타입 스크립트:컨텍스트 기본값 회피 React, TypeScript, Context/Hooks를 더 잘 익히기 위해 간단한 ToDo 앱을 만들고 있습니다.다만, 콘텍스트를 번거롭게 하기 위해서 필요한 코드가 있습니다. 예를 들어 Todo의 내용을 변경하려면 세 곳(ITodo 인터페이스, 기본 컨텍스트 값, 기본 상태 값)에서 Todo를 변경해야 합니다.새로운 것을 전하려면 , 3 장소(ToDoContext, ToDoContext의 디폴트치, value=)에서 전해야 합니다.코드를 그렇게 많이 쓰지 않아도 되는 더 좋은 방법이 있을까요? import React from 'react' export interface ITodo { title: string, body?: string, id: numb..

React.js ES6는 모든 메서드에 '이것'을 바인딩하지 않습니다. 최근에 React.js를 만지기 시작했는데 너무 좋아요.처음에는 일반 ES5에서 시작했는데, 요령을 알기 위해 모든 문서는 ES5로 되어 있습니다. 하지만 지금은 ES6를 시험해 보고 싶었습니다.그것은 반짝반짝하고 새롭기 때문입니다.또, 몇개의 심플한 기능도 있는 것 같습니다.매우 신경이 쓰이는 것은 컴포넌트 클래스에 추가한 모든 메서드에 대해 이제 '이것'을 바인딩해야 하며, 그렇지 않으면 작동하지 않는다는 것입니다.제 컨스트럭터는 이렇게 됩니다. constructor(props) { super(props); this.state = { ...some initial state... } this.someHandler = this.som..

React의 다른 파일에서 JS 함수를 호출하시겠습니까? 별도의 JavaScript 파일에 React 컴포넌트를 호출하고 싶은 함수가 있습니다.어떻게 하면 좋을까요? 슬라이드 쇼를 만들려고 하는데slideshow.js현재 슬라이드 인덱스를 증가시키는 다음과 같은 기능이 있습니다. function plusSlides(n) { showSlides(slideIndex += n); } 인Homepage.jsx, 「다음」버튼을 사용하고 있습니다.이 버튼은plusSlides부터slideshow.js다음과 같이 클릭합니다. class NextButton extends React.Component { constructor() { super(); this.onClick = this.handleClick.bind(this..