반응형

react-hooks 24

useMemo가 작동하지 않는 이유내가 잘못 쓰고 있는 건가?

useMemo가 작동하지 않는 이유내가 잘못 쓰고 있는 건가? 그래서 나는 Memo와 Callback을 사용하면서 일이 어떻게 돌아가는지 알아보는 중이야.이 시나리오에서 내가 하고 싶은 것은 부모가 동일한 개체를 보낼 때마다 차일드(Child)를 렌더링하지 않는 것이다. 다음은 내 상위 구성 요소: const Parent = () => { const [value, setValue] = useState(0); const handleOnClick = e => { setValue(value + 1); }; const myObject = useMemo(() => { return { value: value - value }; }, [value]); return ( I am a parent Click on Me )..

Programing 2022.04.09

라우터 v5로 대응 오류: 개체가 반응 하위 개체로 유효하지 않음(찾은 항목: 키가 {child}인 개체)

라우터 v5로 대응 오류: 개체가 반응 하위 개체로 유효하지 않음(찾은 항목: 키가 {child}인 개체) 처음 접하는 앱이지만 한 번에 2개의 앱이 있는 웹 앱을 만들려고 한다.한 번에 두 개의 앱이 있다는 건, 두 개의 레이아웃이 있다는 뜻이야. 하나는 허가된 것이고 다른 하나는 허가되지 않은 거야.현재 로그인할 때 문제가 발생하여 성공적인 로그인을 리디렉션하려고 하면 다음 오류가 발생함: 오류: 개체가 리액션 하위 개체로 유효하지 않음(찾은 항목: 키가 {child}인 개체).자식 모음을 렌더링하려면 배열을 사용하십시오. 이것은 내가 어떻게 경로를 설정했는지 또는 내가 어떻게 방향을 바꾸었는지와 관련이 있을 것이다. 내 암호는 다 이단 말이야.오류는 일반적으로 hasesubmit 함수의 login...

Programing 2022.04.06

상태 후크를 사용하는 기능 부모 구성 요소에서 소품을 전달하려면 어떻게 해야 하는가?

상태 후크를 사용하는 기능 부모 구성 요소에서 소품을 전달하려면 어떻게 해야 하는가? 그래서 이 UserData 앱(연습용)을 작업하고 있다.하드코딩된 사용자 데이터를 저장하는 구성 요소가 하나 있는데, 즉 사용자 개체가 서로 다른 어레이가 있다.내 앱에서 화면 왼쪽에 사용자 목록(사용자 이름만 표시)이 있고, 목록에서 선택한 사용자에 대한 모든 세부 정보를 표시하는 오른쪽 패널이 필요하다.(스크린샷을 확인하십시오.)데이터를 기능 상위 구성 요소인 AppContainer.js로 가져오는데, 여기서 상태 후크를 사용하여 선택한 사용자 ID를 상태 = 'selectedUserId'로 저장한다.첫 번째 렌더링에 대해 null 값을 지정하여 아무나 클릭하기 전에 '사용자 선택'이라고 표시한다.my handleC..

Programing 2022.04.06

반응 후크 - 여러 가지 사용 상태 후크를 테스트하는 방법

반응 후크 - 여러 가지 사용 상태 후크를 테스트하는 방법 주 후크가 거의 없는 구성 요소가 있음: const [resizing, setResizing] = React.useState(false); const [x, setX] = React.useState(0); const [y, setY] = React.useState(0); 그리고 어떤 곳에서는 한 번에 두 개 이상의 갈고리를 부르고 있다. 예를 들어, 여기에서는onResize, 나는 둘 다에게 전화한다.setResizing그리고setX또는setY훅: { if (e.movementX !== 0) { setResizing(true); setX((prev) => prev + e.movementX); } else if (e.movementY !== 0) ..

Programing 2022.04.02

화기장이란 무엇인가.분석웹 앱의 기본 로깅된 이벤트?

화기장이란 무엇인가.분석웹 앱의 기본 로깅된 이벤트? 이 페이지에서, 우리는 소방서에서 몇몇 사건들을 자동으로 기록하도록 되어 있다는 것을 알게 되었다. https://support.google.com/firebase/answer/6317485?hl=en 나는 웹 앱이 있어, 이건 모바일 앱이 아니야.자동으로 수집되는 이벤트의 99%가 모바일 앱을 위한 것이기 때문에 이것은 이미 혼란스럽다. 나는 모든 것을 기록하기를 원한다.page_view그리고 내 웹 앱은 싱글 페이지 앱인데, 내 클라이언트 코드의 URL 변경 때마다 이 이벤트를 기록해야 하니? 지금 내가 하고 있는 유일한 일은: useEffect(() => { props.firebase.analytics(); },[props.firebase]); ..

Programing 2022.04.01

OnSubmit 함수가 반응에서 반응 후크 상태 변수를 업데이트하지 않음

OnSubmit 함수가 반응에서 반응 후크 상태 변수를 업데이트하지 않음 여기서 나는 에다맘이라는 사이트에서 데이터를 가져오는 레시피 앱을 만들려고 한다.사용자가 제출 단추를 누를 때마다 페이지를 다시 렌더링하기 위해 React UseEffect를 사용하고 있다.쿼리가 업데이트되면 페이지가 다시 렌더링된다. 상태 생성 및 사용 효과 const[recipes,setRecipes]=useState([]); const[search,setSearch]=useState(""); const[query,setQuery]=useState('chicken'); useEffect(()=>{ getRecipes(); },[query]); API에서 데이터 가져오기 const getRecipes = async () => { ..

Programing 2022.04.01

typecript와 함께 State를 사용할 수 없음('useState' 이름을 찾을 수 없음)

typecript와 함께 State를 사용할 수 없음('useState' 이름을 찾을 수 없음) 아래 코드에 문제가 있는 것은?useState를 사용할 때 typecript를 통해 경고를 받은 경우 import * as React, { useState } from 'react' const useForm = (callback: any | undefined) => { const [inputs, setInputs] = useState({}) //error: Cannot find name 'useState'.ts(2304) const handleInputChange = event => { event.persist() setInputs(inputs => ({ ...inputs, [event.target.name]..

Programing 2022.04.01

use로 선언된 변수를 사용하는 방법다른 함수에서 효과()?

use로 선언된 변수를 사용하는 방법다른 함수에서 효과()? p.s는 내가 가지고 있던 문제를 해결했지만, 그래도 시간이 있다면 이것과 내 코드에 대한 너의 생각을 듣고 싶다 :) 렌더링을 완료한 후에만 해당 변수에 값을 할당할 수 있으므로 useEffect()에서 해당 변수를 선언해야 하며, 글로벌 범위에서 값을 할당하는 것은 불가능하다고 가정한다(렌더보다 먼저 실행됨).그러나 나는 또한 그 변수를 다른 useEffect()에도 사용하고 싶지만, 함수 내에서 선언되고 글로벌 범위에 속하지 않기 때문에 사용할 수 없다.또한 useEffect -s가 두 개 있는 것이 정상인가?하나는 캔버스의 컨텍스트를 잡고 그 컨텍스트를 일관적으로 유지하는 것(모든 DOM 업데이트에서 새로운 컨텍스트를 잡지 않는 것, [..

Programing 2022.03.31

중첩된 개체를 업데이트할 때 상태 다시 렌더링하지 않음

중첩된 개체를 업데이트할 때 상태 다시 렌더링하지 않음 데이터를 이전 상태 개체로 푸시하고 값으로 반환하여 useEffect에서 업데이트하는 중. 이 코드는 실제로 _시리즈 변수를 useState()에서 바꾸고 있지만, 리렌더링은 발생하지 않는데, 그 이유는? import { TimeSeries, Pipeline, Stream, EventOut, TimeEvent, TimeRange } from "pondjs"; export default () => { const [_series, $series] = useState(()=>{ let state = { data : { "name": "x", "columns": ["time", "value"], "points": [], "i" : 0}} for(let i=..

Programing 2022.03.31

리액션 후크에 있는 많은 소스에서 가져온 경우 리액션을 방지하는 방법

리액션 후크에 있는 많은 소스에서 가져온 경우 리액션을 방지하는 방법 사용하고 있다.react hooksRact Native로.내 문제는 의 기능이useState상태를 초기화하면 다시 초기화된다.그래서 만약 내가 아래와 같이 state를 설정한다면 const [A, setA] = useState(false); const [B, setB] = useState(false); const [C, setA] = useState(false); // ... const testFunc = () => { setA(true); setB(true); setC(true); } 편집된 나는 예시가 틀렸다고 생각한다.여기 또 다른 예가 있다. const useFetch(coords) { const [example, setExam..

Programing 2022.03.29
반응형