«reactjs» 태그된 질문

상태가 변경되면 너무 얽힌 사용자 정의 후크를 만들고 있습니다. 배열의 모든 상태를 전달할 수 있어야합니다. import { useState, useEffect } from 'react' const useFlatListUpdate = (dependencies = []) => { const [toggle, setToggle] = useState(false) useEffect(() => { setToggle(t => !t) }, [...dependencies]) return toggle } export default useFlatListUpdate 그리고 …

10 reactjs  react-native  eslint  react-hooks 

개발 환경에서 내 앱은 정상적으로 작동합니다. 프로덕션 환경에서는 다음 오류와 함께 충돌합니다. Uncaught TypeError: (0 , _react.useEffect) is not a function React를 가져오고 다음과 같이 useEffect를 생성 한 파일에서 발생합니다. import React, { useEffect } from 'react' const X = () => { useEffect(() => { ... }) ... } …

9 javascript  reactjs  react-hooks  parceljs 

React-Redux의 새로운 기능을 사용하도록 새로운 react-redux 응용 프로그램을 구성하려고합니다. 공식 문서는 말한다 React Redux는 이제 기존 connect () 상위 컴포넌트에 대한 대안으로 후크 API 세트를 제공합니다. 실제 예제와 함께 Hooks API와 관련된 유용한 기사를 찾으려고 노력했지만 모든 react-redux 앱에서 연결 기능을 사용하고 있습니다. 공식 문서도 매우 기본적인 예를 보여줍니다. useSelector …

9 reactjs  typescript  redux  react-redux 

인터넷 연결의 가용성 플래그를 포함하는 React 구성 요소가 있습니다. UI 요소는 상태 실시간에 따라 동적으로 변경되어야합니다. 또한 플래그가 변경되면 기능이 다르게 작동합니다. 내 현재 구현은 간격을 사용하여 매초마다 Axios를 사용하여 원격 API를 폴링하고 그에 따라 상태를 업데이트합니다. 최소 계산 비용으로 1 초의 상태 오류를 제거하기 위해이 작업을 수행하는보다 세분화되고 효율적인 …

9 javascript  reactjs  axios 

다른 요소가 몇 개 들어있는 컨테이너 요소가 있지만 화면 크기에 따라 일부 부분이 설명 할 수 없을 정도로 잘립니다. HTML 페이지의 너비를 조정하고 클릭하면 드래그하여 코드 샌드 박스 링크에서 동작을 관찰 할 수 있습니다. 기본 컨테이너 테두리 만 렌더링되고 하위 요소가 영향을받지 않도록하려면 어떻게해야합니까? https://codesandbox.io/s/focused-tree-ms4f2 import React from "react"; import …

9 javascript  css  reactjs 

오늘 갑자기 Typescript로 빌드 된 프로젝트에서 빌드 오류가 발생하기 시작했습니다. 몇 주 동안 변경되지 않은 파일 (또는 참조하는 파일)에서 다음을 얻었습니다. ./path/to/my/file.ts Line 0: Parsing error: Cannot read property 'name' of undefined 이 오류는 CI에 처음 나타 났으며 서버에 수동으로 구축하여 복제 할 수 있었고 모든 패키지를 업데이트 한 후 …

9 reactjs  typescript  create-react-app  react-scripts  react-typescript 

내가 구현 한 react-pivottable단지 알고 싶어 jQuery를 데이터 테이블보기에서 전체 데이터 집합을 표시하는 방법은 무엇입니까 즉, 아래 열에 대한 데이터를 표 형식으로 표시하려는 열이 몇 개 있습니다. [ 'SRN', 'MainSystemType', 'MagnetType', 'MagnetCoverType', 'MagnetRMMUType', 'MagnetHighOrderShimPowerSupply', 'GradientAmplifierType', 'GradientInterfaceType', 'GradientSwitchType', 'RFSystemB1FieldSystem', 'RFSystemFrontendInterface', 'CabinetsDasCabinet', 'ReconstructorAvailableMemory', 'ReconstructorNumberOfProcessors', 'AcquisitionSystemBulkBoardType', 'CabinetsCoolersCabinet', 'AcquisitionSystemType', 'PatientSupportPatientSupportType', 'PatientInterfaceMiscellaneousBoxType', 'PatientInterfacePPUType', 'PatientInterfaceType', 'PatientInterfaceAudioModule', …

9 jquery  reactjs  database  datatable  pivot-table 

API를 호출하는 다른 방법이있는 API 서비스가 있습니다. 모든 GET 요청을 성공적으로 테스트했지만 POST 요청을 테스트하는 데 문제가 있습니다. 이것이 방법입니다. export default class ApiService { static makeApiCall = <T>( url: string, oneCb: <T>(d: Data) => T, secondCb: (d: T) => void, errorCb?: (a: ErrorModel) => void, method = 'get', data …

9 javascript  reactjs  testing  ecmascript-6  jestjs 

단위 테스트를 시도 중이며 가짜 예제 https://codesandbox.io/s/wizardly-hooks-32w6l (실제로 양식이 있음) 으로 샌드 박스를 만들었습니다. class App extends React.Component { constructor(props) { super(props); this.state = { number: 0 }; } handleSubmit = (number1, number2) => { this.setState({ number: this.handleMultiply(number1, number2) }) } handleMultiply = (number1, number2) => { return number1 * …

9 javascript  reactjs  jestjs 

번들을 열려고 시도하지만 Android가 실행 중이면 다음 메시지가 표시됩니다. 2020-01-05 23 : 15 : 45.366 26210-26210 / com.note.principal W / .note.principa : 숨겨진 필드 액세스 Landroid / view / View;-> mAccessibilityDelegate : Landroid / view / View $ AccessibilityDelegate; (라이트 그레이리스트, 반사) 2020-01-05 23 : 15 : 45.470 26210-26242 / …

9 javascript  android  reactjs  react-native  gradle 

따라서이 질문에 대한 답을 찾고 있었고 가져 오는 동안 'React'는 이름이 지정된 내보내기가 아닌 기본 내보내기이므로 {}에있을 필요는 없다는 것을 알았습니다. 기본 내보내기를 가져 오는 동안 가져 오기시 이름을 사용할 수 있습니다. 그러나이 경우 아래 수입 만 사용할 수 있습니다. import React from 'react'; 그리고 아닙니다 import Somename from 'react';

9 javascript  reactjs 

Material UI와 테마 제공자 (JSS 사용)를 사용하는 응용 프로그램이 있습니다. 이제 fullcalendar-react를 통합하고 있습니다. 실제로는 완전한 React 라이브러리가 아니며 원래 fullcalendar 코드 주위의 얇은 React 구성 요소 래퍼입니다. 즉, 렌더링 소품과 같은 요소에 액세스하여 요소의 스타일을 지정하는 방법을 제어 할 수는 없습니다. 그러나 렌더링 할 때 호출되는 콜백 (예 : …

9 css  reactjs  fullcalendar  jss 

React 구성 요소로 구문 분석하려는 일부 사용자 정의 HTML과 함께 Markdown의 매우 작은 하위 집합이 있습니다. 예를 들어 다음 문자열을 설정하고 싶습니다. hello *asdf* *how* _are_ you !doing! today 다음 배열로 : [ "hello ", <strong>asdf</strong>, " ", <strong>how</strong>, " ", <em>are</em>, " you ", <MyComponent onClick={this.action}>doing</MyComponent>, " today" ] …

9 javascript  arrays  regex  reactjs  markdown 

사용자가 할 일 목록을 정렬 할 수 있기를 바랍니다. 드롭 다운에서 사용자 선택 항목은이 설정합니다 때 sortKey의 새 버전을 만들 것이다 setSortedTodos, 및 회전을 트리거에서 useEffect와 전화를 setSortedTodos. 아래 예제는 원하는 방식대로 작동하지만 eslint는 의존성 배열 에 추가하라는 메시지 todos를 표시하며 useEffect, 그렇게하면 무한 루프가 발생합니다 (예상 한대로). const [todos, …

9 javascript  reactjs  react-hooks  eslint 

이 GitHub 문제에서 본질적으로 변경을 제안했습니다. x = useCallback( ... , []); 에: x = useRef( ... ).current; 둘은 동일하지만 useRefReact를 사용하면 종속성을 비교하지 않습니다. 답장에 대한 질문이 있습니다. 의존성이없는 useMemo 또는 useCallback이 useRef보다 더 나은 선택이되는 상황이 있습니까? 하나는 생각할 수 없지만 일부 유스 케이스를 간과했을 수 있습니다. 누구나 …

9 reactjs  react-functional-component