반응형

react-hooks 29

대응 사용 기록에 대해 정의되지 않은 속성 '푸시'를 읽을 수 없음

대응 사용 기록에 대해 정의되지 않은 속성 '푸시'를 읽을 수 없음 이 질문은 이미 다음과 같은 해답을 가지고 있다. 반응 라우터:useHistory는 왜 정의되지 않은 반응인가? (1개 답변) 닫힌1년 전. 나는 Reaction을 처음 접하고 새로운 페이지에 대한 탐색을 역사로 밀어넣어 실행하려고 하지만 이 오류에 사로잡혀 있다.Cannot read property 'push' of undefined for react use history지금 몇 시간째인데 도움이 필요하거나 안내가 필요할 것 같아. 다음은 나의 작은 MVP 구성품(Hooks 사용)이다. import React, {useEffect, useState} from 'react'; import {BrowserRouter as Router, R..

IT이야기 2022.03.17

반응 후크(useState) 및 Mobx [mobx-react-lite 없음]

반응 후크(useState) 및 Mobx [mobx-react-lite 없음] 내 리액션 애플리케이션(유형 설명 포함)에서 리액션 후크(특히 상태 사용)를 사용하여 폼 상태를 관리하고 한편 Mobx 스토어의 관찰 가능한 구성 요소로 사용하고 싶지만 오류가 발생함 후크는 기능 구성요소의 본체 안에서만 호출할 수 있다. 예를 들어 다음 구성 요소에서 import * as React from "react"; import { inject, observer } from "mobx-react"; import { MyStore } from "./MyStore"; interface IProps { myStore?: MyStore; id: string; } const MyComponent: React.FC = props..

IT이야기 2022.03.16

하위 반응 양식에서 상위 상태 변수 업데이트

하위 반응 양식에서 상위 상태 변수 업데이트 나는 탐험을 하려고 한다.react와 함께 도서관.next골격내가 an이기 때문에.angular개발자, 나는 내 일부를 재사용하는 것을 좋아한다.reactive-form내 새로운 지원서를 위해.나는 이 도서관이 거의 같은 구현을 가지고 있기 때문에 이 도서관을 찾았다.reactive-form. 지금, 나는 사용하고 있다.state그러나 자식(반응형)의 값을 업데이트하려고 할 때마다 부모 양식의 변수.나는 그것을 해낼 수 없다. 여기 이것을 복제하기 위한 간단한 코드 입니다. import React, { useState } from "react"; import { FieldGroup, FieldControl } from "react-reactive-form"; ..

IT이야기 2022.03.16

ReactJS - 두 어레이의 일치하는 ID를 비교/필터링하고 결과를 이중 검색 기능에 사용하는 방법

ReactJS - 두 어레이의 일치하는 ID를 비교/필터링하고 결과를 이중 검색 기능에 사용하는 방법 내 앱에 이중 검색 기능이 있었으면 좋겠어.한 번 검색하면 제목별로 책을 걸러낸다.다른 한편, 장르별로 책을 여과한다.두 검색 필터는 함께 작동해야 한다(검색어가제공된 경우 제목 및 장르로 필터링해야 함). 하지만 장르 검색 필터 적용이 어려워. ** 참고**: 생성 시 각 장르 태그에 동일하게 할당됨id딱 붙어있는 책처럼 말이야이런 식으로, 나는 검색되고 있는 장르와 관련된 모든 책을 끌어 올릴 수 있다. 개체: book = { id: "id", title: "title", author: "author"} genre = { id: "id", label: "label" } 상위 구성요소 export de..

IT이야기 2022.03.15

ESLint: 구성 요소 정의에 displayName이 누락됨(react/display-name)

ESLint: 구성 요소 정의에 displayName이 누락됨(react/display-name) 나는 antd가 있는 리액션 후크 부품을 사용하고 있다.테이블의 열을 설정할 때 렌더 함수는 ESLint 오류를 제공하는 것이다. ESLint: 구성 요소 정의에 displayName이 누락됨(react/display-name) 객체에 displayName을(를) 추가해 보았지만 이 기능이 작동하지 않는다. 오류는 다음과 같이 나타난다. 암호는 다음과 같다. const columns_payment_summary_table = [ { title: FooConstants.LABEL_QUANTITY_SELECTED, dataIndex: 'group', key: 'group', render: text => ( {g..

IT이야기 2022.03.13

use효과 트리거링 안 함

use효과 트리거링 안 함 내 useEffect가 고장 난 것 같아. 부모 구성요소를 가지고 있다. { e.preventDefault(); setKate(e.target.value); setRedactKategoris('d-block') }}> valj kategori { Kategori ? Object.keys(Kategori).map(key => { return ( {key} ) }) : null } 및 하위 구성 요소 function EditKat({ aa }) { let defaultValues = 0 useEffect(() => { defaultValues = 2 }, [aa]) console.log(defaultValues) } 그래서, 내가 아는 한, 매번${kate}부모 구성 요소에 대한 ..

IT이야기 2022.03.12

리액션 후크 사용 방법내 경우 한 번만 효과?

리액션 후크 사용 방법내 경우 한 번만 효과? 한동안 내 질문이 중복된 것 같은데 아닌 것 같아, 제목이 같지만 케이스가 다른 질문들을 많이 확인했어. 문제는 내 코드에 리액션 훅을 두 번 사용할 수 밖에 없었고 세 번으로 만들려고까지 생각했지만, 나쁜 관행은 주변에 일이 있거나 해결책이 있다고 확신한다. 처음에 가져오려는 데이터가 있고 먼저 사용효과 호출에 의해 나중에 데이터를 필터링하거나 정렬할 수 있으며 필터 확인란과 정렬 쿼리를 위한 선택 항목이 있으며 확인란을 선택하면 데이터가 필터링되고 옵션을 선택하면 해당 데이터가 정렬되며, 이 트리를 만들기 위해 Redex 및 react-relensx 연결 방법을 사용하고 있다.루데스 필터 및 sortBy //the first call useEffect((..

IT이야기 2022.03.11

API 호출에서 데이터를 수신한 후(후크 사용) 반응이 UI를 업데이트하지 않음

API 호출에서 데이터를 수신한 후(후크 사용) 반응이 UI를 업데이트하지 않음 const [data, setData] = useState(null); useEffect(() => { const getData = async () => { await fetch('http://localhost:4000/data') .then(res => res.json()) .then(fetchedData => { setData(fetchedData); console.log(fetchedData) })} getData(); }, []) return ( { data && data.map((item, index) => { item.map(object => { Object.keys(object).map((key) => ({obj..

IT이야기 2022.03.10

UseState는 항상 이전 값을 표시함

UseState는 항상 이전 값을 표시함 이 질문에는 이미 다음과 같은 해답이 있다. useState 세트 메서드가 변경 내용을 즉시 반영하지 않음 (17개 답변) 닫힌2년 전. 이것은 모든 새로운 반응 개발자들 사이에서 인기 있는 질문이지만 나는 어떻게든 가능한 해결책 뒤에 숨겨진 논리를 이해할 수 없다.후크를 사용하여 상태 변수를 업데이트하고 업데이트 값을 읽어보려고 하지만 항상 새 값 대신 이전 값을 반환해.다음은 내 코드 실행 순서다. onClick={setTransactionAccountId} 버튼 클릭 시 아래 코드를 실행하고 상태를 업데이트하지만console.log옛 가치를 나타내다 const [accountId, setAccountId] = useState(0); const setTrans..

IT이야기 2022.03.09
반응형