«reactjs» 태그된 질문

문제가 있습니다 : 버튼 클릭으로 2 개의 함수를 호출하려고합니다. 두 함수 모두 상태를 업데이트합니다 (useState 후크를 사용하고 있습니다). 첫 번째 함수는 value1을 'new 1'로 올바르게 업데이트하지만 1s (setTimeout) 후에 두 번째 함수가 실행되고 값 2가 'new 2'로 변경되지만 BUT! value1을 다시 '1'로 설정했습니다. 왜 이런 일이 발생합니까? 미리 감사드립니다! import …

31 javascript  reactjs  react-hooks 

간단한 반응 스프링 부트 응용 프로그램을 개발하고 있지만 GitHub 문제로 인해 IntelliJ를 사용하여 응용 프로그램 시작 파일을 다시 만들고 이전 응용 프로그램의 package.json 파일의 종속성 데이터를 사용하여 노드 모듈을 설치했습니다. 접는 탐색 표시 줄 (햄버거 표시 줄-> 모바일보기에서 축소되는 반응 형 탐색 표시 줄)을 사용하고 햄버거 단추를 클릭하면 탐색 표시 …

27 javascript  jquery  reactjs  bootstrap-4 

Firebase 리스너를 사용하여 클라우드 Firestore 데이터가 반응 후크 업데이트로 새로 고쳐지는 방법을 알아 내려고합니다. 처음에는 componentDidMount 함수와 함께 클래스 구성 요소를 사용하여 firestore 데이터를 가져 왔습니다. this.props.firebase.db .collection('users') // .doc(this.props.firebase.db.collection('users').doc(this.props.firebase.authUser.uid)) .doc(this.props.firebase.db.collection('users').doc(this.props.authUser.uid)) .get() .then(doc => { this.setState({ name: doc.data().name }); // loading: false, }); } 페이지가 업데이트되면 중단되므로 리스너를 이동하여 후크를 …

27 javascript  reactjs  firebase  google-cloud-firestore  react-hooks 

React 앱을 배포하고 있지만 https를 통해 페이지를 방문하면 이상한 오류가 발생합니다. https를 통해 페이지를 방문하면 다음 오류가 발생합니다. SecurityError : 'WebSocket'을 구성하지 못했습니다 : HTTPS를 통해로드 된 페이지에서 안전하지 않은 WebSocket 연결을 시작할 수 없습니다. 그러나 http를 통해 페이지로 이동하면 완벽하게 작동합니다. 문제는 내가 말할 수있는 한 웹 소켓을 사용하지 …

25 node.js  reactjs 

on react-native init ProjectName기본 앱 파일 App.js에는 다음과 같은 방식으로 컴포넌트 선언이 포함됩니다. const App: () => React$Node = () => {...} 이 지시는 무엇을 의미합니까? 나는로 정의 된 구성 요소에 익숙하기 const App = () => {...}때문에 특히 사이의 표현을 이해하지 못합니다 : () => React$Node.

23 javascript  reactjs  react-native 

어떤 이유로 material-ui datepicker가 작동 하지 않습니다 . 날짜 선택기가 React에서 렌더링 될 때마다 다음 오류가 발생합니다. RangeError : 형식 문자열에 이스케이프되지 않은 라틴 알파벳 문자가 포함되어 있습니다. n datepicker ( https://stackblitz.com/edit/react-6ma6xd?embed=1&file=index.js ) 로 stackblitz를 만들었 으며 오류가 표시됩니다. 내가 무엇을 잘못하고 있지? 설치 안내서의 모든 지침을 따랐습니다. material-ui / …

19 javascript  reactjs  material-ui  material-ui-pickers 

나는 React를 처음 사용하기 때문에 달성하기가 정말 간단 할 수는 있지만 조사를 해 보았지만 스스로 알아낼 수는 없습니다. 이것이 너무 멍청하면 용서하십시오. 문맥 Laravel (백엔드) 및 React (프런트 엔드) 어댑터와 함께 Inertia.js 를 사용 하고 있습니다. 관성을 모르는 경우 기본적으로 다음과 같습니다. Inertia.js를 사용하면 클래식 서버 측 라우팅 및 컨트롤러를 …

19 javascript  reactjs  promise  inertia 

몇 주 전에 나온 React Router의 새로운 useHistory 후크를 사용하고 있습니다. 내 React-router 버전은 5.1.2입니다. 내 반응은 버전 16.10.1입니다. 하단에서 내 코드를 찾을 수 있습니다. 그러나 반응 라우터에서 새 useHistory를 가져올 때 다음 오류가 발생합니다. Uncaught TypeError: Cannot read property 'history' of undefined 이것은 React-router 에서이 줄로 인해 발생합니다 function …

18 reactjs  react-router  react-hooks  react-router-dom  react-context 

React Material-UI ( https://material-ui.com/components/autocomplete/ ) 의 문서를 참조하고 있습니다. 데모 코드에서 <Autocomplete options={top100Films} getOptionLabel={(option: FilmOptionType) => option.title} style={{ width: 300 }} renderInput={params => ( <TextField {...params} label="Combo box" variant="outlined" fullWidth /> )} /> 어떻게 작동하는지 알지만 선택한 값을 얻는 방법을 잘 모르겠습니다. 예를 들어, onChange선택에 따라 몇 가지 조치를 취할 …

17 javascript  reactjs  material-ui 

TypeScript를 사용하여 반응 라우터 v5.1.2에서 UseHistory 후크를 사용하고 있습니까? 단위 테스트를 실행할 때 문제가 있습니다. TypeError : 정의되지 않은 'history'속성을 읽을 수 없습니다. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history'; import * as router from 'react-router'; import { QuestionContainer } from './QuestionsContainer'; describe('My …

17 reactjs  typescript  react-router  jestjs  enzyme 

약 2 년 전에 create-react-app를 사용하여 생성 된 반응 앱 (app A)이 있는데 추출되었습니다. 앱은 commonjs2 모듈로 내보내지고 NPM 패키지로 제공되어 next.js 프로젝트 (앱 B)에서 사용됩니다. 우리가 사용하는 일반적인 구성 요소가있는 앱 A에서 일부 패키지를 업데이트 할 때까지 모든 것이 순조롭게 진행되었습니다. 앱 B에서 가져올 때 발생하는 오류는 아마도 SSR로 …

16 reactjs  npm  webpack  next.js 

material-uiMyStyledButton 기반 사용자 정의 버튼 ( )을 작성했습니다 . Button import React from "react"; import { Button } from "@material-ui/core"; import { makeStyles } from "@material-ui/styles"; const useStyles = makeStyles({ root: { minWidth: 100 } }); function MyStyledButton(props) { const buttonStyle = useStyles(props); const { children, width, ...others } = …

16 javascript  css  reactjs  jestjs  enzyme 

VS 코드로 React 프로젝트를 작성 중입니다. VS 코드 에서이 문제를 만났습니다. 내 프로젝트 에서이 폴더 에는 강조 표시된 항목 포함 이 표시 되며 파일에 오류가 있음을 알고 있습니다. 그러나 사진에서 , 모든 파일을 확인했지만 오류가 없습니다. 그래서 이것은 혼란스러워합니다. Google 에서이 문제를 검색했으며 비슷한 github 문제를 발견했습니다. https://github.com/Microsoft/vscode/issues/54960 누군가 나를 …

16 reactjs  visual-studio-code 

프로덕션 버전에서 MERN 앱의 로그인 구성 요소에 액세스하려고하면이 이미지에 다음과 같은 일련의 오류가 표시됩니다. 내 앱 ( https://github.com/ahaq0/kumon_schedule )은 로컬에서 완벽하게 작동하며 오늘 일찍 Heroku에서 완벽하게 호스팅되었습니다. 오늘 내가 만든 코드의 모든 변경 사항을 롤백하려고 시도했습니다. 마찬가지로 package.json (및 .lock)을 확인하여 재질 UI 종속성을 변경했는지 확인했지만 동일합니다. 호스팅 된 버전 …

15 reactjs  typescript  heroku  material-ui  mern 

create-react-app로 만든 반응 앱이 있습니다. npm start를 실행하면 (시작 스크립트는 package.json에 "start": "react-scripts start"로 표시됨) 콘솔에 개발 서버 시작이 정상적으로 표시되고 브라우저가 시작됩니다. 그러나이 후에 콘솔과 브라우저 모두 무기한 아무것도하지 않습니다. 오류나 출력이 없습니다. 단순히 아무것도하지 않습니다.

15 reactjs  npm  create-react-app  react-scripts