반응형

reactjs 24

테스트 시 리액트 상태 갱신의 원인이 되는 코드를 행동으로 정리해야 합니다.

테스트 시 리액트 상태 갱신의 원인이 되는 코드를 행동으로 정리해야 합니다. 다음 테스트가 있습니다. import { render, cleanup, waitForElement } from '@testing-library/react' const TestApp = () => { const { loading, data, error } = useFetch('https://example.com', { onMount: true }); return ( {loading && loading...} {error && {error.message}} {data && {data.name} {data.age} } ); }; describe("useFetch", () => { const renderComponent = () => ..

sourcetip 2023.02.13

TypeScript에서 컴포넌트 유형 반응

TypeScript에서 컴포넌트 유형 반응 TypeScript에서 반응 컴포넌트의 유형을 올바르게 설명하는 방법은 무엇입니까?반응 성분을 반환하는 함수가 있다고 가정해 봅시다.기능: const getTabContent: () => ReactElement = () => { switch (tab) { case 1: return ; default: return ; } }; 여기서는 반환 유형을 ReactElement라고 표현합니다만, 올바른 것인지, 아니면 ReactComponentElement라고 표현해야 하는지, 아니면 완전히 다른 방식으로 설명해야 하는지 궁금합니다.또한 두 유형 모두 제네릭이며, 둘 중 하나가 맞다면 어떻게 자세히 설명할 수 있습니까? UPD ReactElement는 FC(Functio..

sourcetip 2023.02.13

React Native를 사용하여 상태 표시줄 숨기기

React Native를 사용하여 상태 표시줄 숨기기 React Native로 개발할 때 iOS 또는 Android의 상태 표시줄을 숨기려면 어떻게 해야 합니까?상태 표시줄을 가져왔는데 상태 표시줄도 있는 것 같습니다.IOS 및 Android용 상태 표시줄.상태 표시줄을 숨기는 방법을 알아냈어먼저 StatusBarIOS는 권장되지 않으므로 Import해야 합니다.StatusBar렌더링 맨 위에 다음 코드 스니펫을 포함하기만 하면 됩니다. 네이티브 문서 반응StatusBar이 메서드는 컴포넌트 내의 임의의 장소에서 호출할 수 있습니다. import React, { Component } from 'react'; import { StatusBar } from 'react-native'; class MyComp..

sourcetip 2023.02.09

프로덕션 빌드의 Create-React-App 프록시

프로덕션 빌드의 Create-React-App 프록시 익스프레스 백엔드와 함께 create-react-app을 사용하고 있습니다.포트 3001에서 백엔드가 실행되고 있으며 개발 모드일 경우 프론트엔드는 포트 3000을 통과합니다.있습니다"proxy": "http://localhost:3001"내 소포 안에.json과 api는 완벽하게 동작합니다. 단, 실 빌드를 사용하여 실행 시serve -s buildapi 콜은 단순히 발신되지 않습니다.개발에서는 동작하는데 왜 동작하지 않는지 잘 모르겠어요. 어떤 도움이라도 주시면 감사하겠습니다.프록시 기능은 실전 가동용이 아닙니다. 자세한 것은, https://github.com/facebookincubator/create-react-app/issues/1087#i..

sourcetip 2023.02.09
반응형