React & JS

객체의 키를 개별적으로 전달하는 방법과 전체 및 소품으로 전달하는 방법. 액세스 방법

테마는 기본적으로 모든 색상이 있는 개체입니다. props.theme를 통해 액세스할 수 있습니다.

개체 파괴 할당

{isLoading:SJ}=가 수신되면 isLoading 값이 SJ에 입력됩니다. 원래 isLoading이라고 했던 것이 새 변수로 수신됩니다.

await로 실행하면…
바로 실행하려면 ()() 형태로 만드세요.
첫 번째 괄호 안의 모든 항목은 즉시 실행됩니다.

최상의 성능을 위해서는 모든 것을 useEffect in()에 넣어야 한다고 생각합니다. 값이 바뀌지 않아도…

패치할 때 항상 로드를 기억하십시오.

함수 내부에 상수 변수를 선언하는 것은 괜찮지만 함수 내부에서만 가능합니다. set을 통해 외부 변수로 전달해야 합니다. let을 사용하는 방법도 있지만 이렇게 해도 됩니다.

useEffect로 fetchf를 수행하면…
useEffect는 이 페이지에 올 때마다 실행되므로 돌아올 때마다 계속 호출해야 합니다. 한 번만 하면 됩니다. 따라서 쿼리에 반응하십시오. 이 밖에도 로딩 등 다양한 기능을 제공한다. 캐시를 사용하기 때문에 로딩 없이 재패칭이 빠릅니다.

React 쿼리의 키는 배열입니다…
(“정보”, coinId)
(“티커”,coindId)

가져오기 전에 비어 있을 수 있다고 생각하십시오.

then…을 사용하는 것은 (res) => () in then을 이전 항목에 대한 반환 값으로 수행하는 것입니다.

주소 가격/차트

전체가 상태를 통해 다시 렌더링되지만 해당 부분만 중첩 주소를 통해 호출되기 때문입니다. URL에 직접 액세스할 수도 있습니다.

A|B를 로드하는 여러 사례 포함

로컬 메모리

공을 잡는 오류

오류 잡기
=> Console.log error.message

오프셋 및 페이지 정보…
배열을 슬라이스합니다(오프셋 x 페이지 + 오프셋으로 다시 이어짐).

Math.ceil … 반올림

스플 라이스 배열 (0,1)에서 요소 삭제 -> 0에서 시작하여 1 삭제
->(3,0,”a”)를 추가할 수도 있고, 3에서 시작하여 삭제하지 않고 a를 추가할 수도 있습니다.

상수 배열이더라도 지워집니다.

찾기: 조건을 만족하는 첫 번째 요소를 반환합니다.

Register는 이름을 지정하면 onBlue, onChange 및 값과 같은 항목을 갖는 개체이며 이러한 모든 속성은 입력 {…register}를 그대로 지정하여 이동합니다.

handlesubmit -> onValid (오류가 없을 경우에만 실행)
첫 번째 인수는 유효한 데이터이고 두 번째 인수는 유효하지 않습니다.

이와 같은 것이 필요한 이유는 레지스터에 있습니다. 보호 등의 기능
또는 이 입력으로 직접 이동합니다. 그리고 적어주시면 별도의 프로모션 코드 없이 자동으로 진행됩니다.

onValid에서 전달된 데이터 개체의 오류 유형 또는 존재 여부를 확인할 수 있습니다.
그 안에 메시지도 있다.
요구사항: 메시지도 사용 가능

setError는 특정 오류를 발생시킬 수 있습니다.
(onValid와는 별도로 조건을 직접 생성할 수 있습니다.)
+집중해야 함
추가 오류

유효성 검사 – 함수를 통해 true 또는 false를 반환합니다.
이를 통해 오류를 발생시켜 입력을 제한할 수 있습니다.
하나의 개체로 여러 조건을 만들 수 있습니다.

formstate의 오류 개체

상태를 원자에 쓰는 이유는 나중에 호출할 때 겹칠 수 있기 때문입니다.

상태 선택기 -> 상태를 변환하기 위해 무언가가 완료되었을 때
get 함수는 원자의 값을 가져오는 함수입니다. 중요한. 그것을 사용하는 방법에 대한 걱정.

set 함수는 원자의 상태를 설정하는 함수입니다.

상태와 마찬가지로 첫 번째 인수는 get 함수이고 두 번째 인수는 set 함수입니다.

a 중 f만 바꾸려고 하는데 자식이 바뀌기 때문에 부모도 랜더링되고 나머지 자식들도 다시 랜더링 됩니다. 그래서 렌더링 수가 매우 많고 요소가 흔들리는 것처럼 보입니다.

React-Memo는 다시 렌더링이 필요하지 않을 때 사용됩니다.
이 구성 요소는 해당 소품이 변경되지 않는 한 다시 렌더링하지 말라고 알려줍니다. 따라서 전체적으로 변경된 부분만 다시 렌더링합니다. 불필요한 re-render가 너무 많을 때 사용

표준 React.memo(구성 요소)를 내보냅니다.

Object.keys -> 객체의 키만 배열로 만들어집니다.
이것을 생성한 후 카드를 통해 어레이를 실행합니다.
각 항목이 todos(item)로 반환되면,

참조: JS에서 HTML 요소를 가져오고 수정하는 방법

예를 들어 특정 키를 누르면 입력이 집중됩니다.
5초 후 다시 흐리게