prostudy

사용자 지정 후크에 콜백을 사용하는 방법? 난 이게 필요해:const setError = useError();에 의존하여useEffect, 그러나 이 기능은 다른 장소에서도 사용되기 때문에 (동일한 구성 요소 내에서) 오류가 발생할 때마다 myuseEffect api데이터를 다시 추출한다. 이 기능을 사용하지 않도록 설정해야 할까?react-hooks/exhaustive-deps아니면 빠져나갈 방법이 있을까?포장하려고 하면.useCallback후크는 부품 자체 내에서만 사용할 수 있다는 오류가 발생한다. 편집하다 export const useError = (): ((error: any, title?: string) => void) => { const dispatch = useDispatch(); // e..

TypeError 가져오기: 개체(...)는 대응에서 경로를 변경할 때 사용하는 함수가 아님 다음 오류가 발생하는 이유는 확실하지 않다. Uncaught TypeError: Object(...) is not a function at Redirect.componentDidUpdate (Redirect.js:42) 내 경로의 렌더링 방법인터셉터 구성요소: render() { const { forbidden, notFound } = this.state; const { authed } = this.props; // const { location } = this.props; // const { pathname } = location; console.log('this.props', this.props); conso..

@/xxxx/구성요소를 사용하는 방법vuejs 구성 요소를 가져오시겠습니까? 나는 core-ui라고 불리는 laravel이 있는 vuejs 템플릿을 사용할 수 있게 만들려고 노력하고 있다.내 문제는 이 파일에 있다.컴파일할 때 다음 오류를 지정하십시오. These dependencies were not found: * @/containers/DefaultContainer in ./resources/js/coreui/router/index.js * @/views/Charts in ./resources/js/coreui/router/index.js .... To install them, you can run: npm install --save @/containers /DefaultContainer .... ..

농담을 사용한 조롱 반응-라우터-돔 후크가 작동하지 않음 효소의 얕은 방법을 사용해서 성분을 테스트하고useParamsURL 매개 변수에서 ID를 얻으려면 후크를 누르십시오. 나는 그 사람을 조롱하려고 한다.useParams실제 방법을 호출하지 않도록 훅을 걸지만 작동하지 않는다.난 아직도 이해가 안 그래.TypeError: Cannot read property 'match' of undefined그래서 그것은 실제를 부른다.useParams내 조롱이 아니라 내 구성 요소: import React from 'react'; import { useParams } from 'react-router-dom'; export default () => { const { id } = useParams(); return..

vuejs 콘텐츠 파일 로드 후 경로 추가 나는 CMS와 vuejs 앱을 개발하여 상점에서 사용자 지정 단말기를 구성했다. 서버에서 초기 CMS 파일을 로드한 후 경로에 "/" 및 "*" 경로를 추가하고자 한다.내가 어떻게 이럴 수 있을까.어떤 이유로 나는 콘텐츠를 로드하기 전에 라우터를 초기화 하고 싶다. 다음과 같이 경로를 추가할 수 있을 것 같았다. Vue.router.routes.push({ path: "*", redirect: this.getStartPageType() // gets the homepage from the store }) 나는 항상 "정의되지 않은 속성 '밀어넣기'를 읽을 수 없다"는 말을 듣는다.내가 어떻게 이럴 수가 있지?경로로 가는 방법이 가능한가? 이것을 노선에 추가할 때..

각도에서 경로 매개변수를 얻는 효율적인 방법 어떻게 하면 라우터 옵서버블을 더 효율적으로 사용할 수 있을까?예를 들어 단일 경로 파라미터를 로드해야 하는 경우(우리에게는 다음과 같은 경로가 있다고 가정해 보자./some-resource/:id)) 라우터 이벤트에 가입하고, 그 다음에 라우트 매개 변수에 가입해야 값을 얻을 수 있다.이것은 2개의 구독과 2개의 구독 취소를 필요로 한다. 다음이 필요함: 보일러 판 코드 감소 코드를 더 읽기 쉽게 만들기 구독 제거 샘플 export class SomeComponent implements OnInit, OnDestroy { private routerSub: Subscription; private routeSub: Subscription; someResource..

TypeScript를 사용하여 로컬 글꼴을 가져올 수 없음 React with TypeScript 프로젝트에서 글꼴 파일을 가져오려고 하는데 글꼴 파일로 인식되지 않고 모듈로 보고 있음 폴더 구조: index.tsx 파일에서 필요한 글꼴을 가져와서 글꼴 상수를 내보냈다. import helveticaNeueLightWoff from './HelveticaNeueW02-45Ligh.woff'; import helveticaNeueLightWoff2 from './HelveticaNeueW02-45Ligh.woff2'; import helveticaNeueMediumWoff from './HelveticaNeueW02-67MdCn.woff'; import helveticaNeueMediumWoff2 from..

URL을 변경하지 않고 라우터 응답 URL을 변경하지 않고 작동하는 라우팅을 해야 해. 이것을 스스로 실행하기 전에, 나는 라우터를 반응시켜 무언가를 찾으려고 노력했다.나는 다음과 같은 것이 있는 것을 보았다. createMemoryHistory([옵션]) createMemoryHistory는 브라우저 URL과 상호 작용하지 않는 인메모리 히스토리 객체를 생성한다.이것은 서버 측 렌더링, 자동 테스트 또는 iframe에 응용 프로그램이 포함된 경우와 같이 브라우저 URL을 조작하지 않으려는 경우에 유용하다. 그러나 이 단락 이상에는 사용 예제가 없으며, 이 용어의 사용법(예: 사용 방법)Link경로 이름 없이 탐색할 구성 요소, 경로 이름이 아닌 경우 라우팅할 매개 변수 등 이것이 내 필요에 적합한가, ..

Create-React-app 프로젝트를 테스트할 때 "ReferenceError: 문서가 정의되지 않음" 이것은 나의 것이다.__tests__/App.js파일: import React from 'react'; import ReactDOM from 'react-dom'; import App from '../src/containers/App'; it('renders without crashing', () => { const div = document.createElement('div'); ReactDOM.render(, div); }); // sanity check it('one is one', () => { expect(1).toEqual(1) }); 그리고 이것은 내가 실행할 때 얻는 출력이다.yarn..

반응: 라디오 버튼 컬렉션에 선택한 항목이 있는지 확인하는 방법 다음 순서가 지정되지 않은 HTML/JSX 목록: Beginner Intermediate Expert Custom 다음 기능을 실행하는 제출 버튼: const onSubmit = (e: MouseEvent): void => { console.log(selectedSetting.current) } 이 라디오 버튼 중 적어도 하나가 선택되었는지 확인하고 싶다.보다시피 나는 싱글을 사용하고 있었다.useRef여기에 변수: "사용자 지정" 라디오 버튼이 매번 기록될 수 있음.그렇다면, 직선적인 해결책은 각 라디오 버튼에 대해 useRef를 갖는 것인데, 이것을 하는 더 쉬운 방법이 있는가?내가 대신 그것을 줄 수 있을까?ula에 꼬리표를 달다ref..