반응형

reactjs 42

리액트 라우터를 사용하여 페이지를 리디렉션하는 가장 좋은 방법은 무엇입니까?

리액트 라우터를 사용하여 페이지를 리디렉션하는 가장 좋은 방법은 무엇입니까? 닫았습니다. 이 질문은의견 기반의현재 답변을 받고 있지 않습니다. 이 질문을 개선하시겠습니까?이 게시물을 편집하여 사실과 인용문으로 답변할 수 있도록 질문을 업데이트하십시오. 1년 전에 문을 닫았어요 커뮤니티는 10개월 전에 이 질문을 재개할지 여부를 검토한 후 종료했습니다. 원래 종료 이유가 해결되지 않았습니다. 이 질문을 개선하다 리액트 라우터는 처음 접해보고 페이지를 리다이렉트하는 방법은 여러 가지가 있습니다. 사용.browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/p..

source 2023.04.02

리액트 후크: 빈 배열을 인수로 사용해도 useEffect()가 두 번 호출됩니다.

리액트 후크: 빈 배열을 인수로 사용해도 useEffect()가 두 번 호출됩니다. I am new to reactJS and am writing code so that before the data is loaded from DB, it will show loading message, and then after it is loaded, render components with the loaded data. To do this, I am using both useState hook and useEffect hook. Here is the code: 문제는 console.log에서 확인했을 때 useEffect가 두 번 트리거된다는 것입니다.따라서 코드는 동일한 데이터를 2회 쿼리하고 있으므로 이를 피해야 ..

source 2023.04.02

리액트 및 웹 팩을 사용하여 Favicon 추가

리액트 및 웹 팩을 사용하여 Favicon 추가 웹팩으로 만든 리액트 기반의 웹사이트에 favicon을 추가하려고 합니다.favicon을 추가하는 것은 완전히 악몽이었고 나는 많은 해결책을 시도했지만 소용이 없었다.나에게 추천된 최신 솔루션은 'httpons-webpack-http://https://github.com/jantimon/favicons-webpack-plugin'이다. 제가 무엇을 잘못하고 있는지 알려주시면 감사하겠습니다. 'npm run start'를 실행하면 다음 오류가 발생합니다. 디렉토리 구조는 다음과 같습니다. 다음은 webpack.config.js 파일입니다. const path = require('path'); const merge = require('webpack-merge'..

source 2023.04.02

Jest를 사용한 새로운 리액트라우터 후크를 사용한history.push의 모의 방법

Jest를 사용한 새로운 리액트라우터 후크를 사용한history.push의 모의 방법 나는 조롱하려고 한다.history.push신내부useHistory에 접속하다react-router및 사용@testing-library/react첫 번째 답변과 같이 모듈을 조롱했습니다.새로운 리액트 라우터 후크를 사용하여 컴포넌트를 테스트하는 방법 그래서 하고 있습니다. //NotFound.js import * as React from 'react'; import { useHistory } from 'react-router-dom'; const RouteNotFound = () => { const history = useHistory(); return ( history.push('/help')} /> ); }; exp..

source 2023.04.02

'어린이' 소품의 종류는 무엇입니까?

'어린이' 소품의 종류는 무엇입니까? 다음과 같은 매우 간단한 기능 컴포넌트가 있습니다. import * as React from 'react'; export interface AuxProps { children: React.ReactNode } const aux = (props: AuxProps) => props.children; export default aux; 또 다른 컴포넌트는 다음과 같습니다. import * as React from "react"; export interface LayoutProps { children: React.ReactNode } const layout = (props: LayoutProps) => ( Toolbar, SideDrawer, Backdrop {props.c..

source 2023.04.02

구성 요소 외부에 있는 클릭 이벤트를 수신하는 방법

구성 요소 외부에 있는 클릭 이벤트를 수신하는 방법 드롭다운 컴포넌트 외부에서 클릭이 발생하면 드롭다운메뉴를 닫고 싶다. 그걸 어떻게 하는 거죠?수명 주기 방법을 사용하여 문서에 이벤트 수신기를 추가하거나 제거합니다. React.createClass({ handleClick: function (e) { if (this.getDOMNode().contains(e.target)) { return; } }, componentWillMount: function () { document.addEventListener('click', this.handleClick, false); }, componentWillUnmount: function () { document.removeEventListener('click',..

source 2023.03.28

jeast spy인덱스 파일에서 작동하지 않으므로 속성을 재정의할 수 없습니다.

jeast spy인덱스 파일에서 작동하지 않으므로 속성을 재정의할 수 없습니다. 있습니다UserContext그리고 갈고리useUser에서 내보낸src/app/context/user-context.tsx또한 index.tsx 파일도 있습니다.src/app/context모든 자모듈을 내보냅니다. 감시하는 경우src/app/context/user-context동작하지만 Import를 로 변경합니다.src/app/context이해: TypeError: Cannot redefine property: useUser at Function.defineProperty () 왜 그런 것일까요? 소스 코드: // src/app/context/user-context.tsx export const UserContext = Re..

source 2023.03.28

React Native 투명 오버레이

React Native 투명 오버레이 앱에서 투명 오버레이를 아래로 슬라이드하려고 합니다(모두 또는 필터 기준). 지금까지 리액션-네이티브-슬라이더와 리액션-네이티브-오버레이를 찾았습니다.슬라이더를 위에서 아래로 움직이도록 변경했지만 List View에서도 항상 아래로 이동합니다.react-native-overlay를 사용하면 오버레이가 정지되어 움직일 수 없습니다. 나는 이 요지에 원래 리액트 네이티브 튜토리얼의 데모 코드를 추가했다.버튼을 클릭하면 콘텐츠가 고정되고 메뉴가 오버레이됩니다.지금은 투명성이 그렇게 중요하지 않지만 멋질 거야. 가장 현명한 해결책은 무엇일까요?ListView가 아래로 이동하지 않는 비결은 오버레이의 위치를 다음과 같이 설정하는 것입니다.absolute이렇게 하면 뷰의 위치와..

source 2023.03.28

Redux, 데이터에 액세스하려면 모든 컨테이너에 있는 스토어를 가져와야 합니까?

Redux, 데이터에 액세스하려면 모든 컨테이너에 있는 스토어를 가져와야 합니까? redex에 대해 잘 알고 있는 것은 아닐지도 모르지만, 지금까지 본 예는 모두 컨테이너간의 액세스 상태가 그다지 좋지 않기 때문에, store.getState()의 사용 상황은 별로 볼 수 없었습니다만, 디스패치 하고 싶어도 스토어에 액세스 할 필요가 있는 것이 맞습니까? 따라서 'path/to/store/store'에서 가져오기 스토어를 가져오는 것 외에 getState() 또는 "dispatch"를 원하는 모든 파일에서 해당 상태를 포함하지 않으면 저장소가 정의되지 않기 때문에 해당 상태에 액세스하려면 어떻게 해야 합니까?일반적으로 스토어에 액세스할 수 있는 최상위 수준의 컨테이너 구성 요소만 만들고자 합니다. 필요한..

source 2023.03.28

material-ui 버튼 크기 조정 방법

material-ui 버튼 크기 조정 방법 여기 코드가 있습니다. +와 - 기호가 있는 작은 정사각형 버튼 3개와 가운데 숫자가 있는 버튼 1개를 준비하려고 합니다.저는 소재를 사용하고 있습니다.버튼이 직사각형으로 되어 있어서 앱에 맞지 않습니다.문제는 사각형과 크기를 조정할 수 없다는 것입니다.여러 가지 시도를 해봤지만 효과가 없어요.감사해요. {this.state.quantity < 1 ? 0 : this.state.quantity} 최대/최소 너비/높이 스타일 옵션을 추가할 수 있습니다. 예: 이 경우 버튼은 항상 정사각형처럼 보이며 고정 크기(30px)를 가집니다.내 생각에 당신은에워싸고 있습니다.MUI 그리드는 공간을 채우고 열 폭을 관리하도록 설계되었습니다.외부를 제한해야 할 것 같네요열을 확..

source 2023.03.28
반응형