값을 변경할 때 반응의 usestate가 렌더링되지 않으면 어떻게 해야 합니까?

방법: 1. "const [arr, setArr]=useState([change value])"를 사용하여 State 값을 수정합니다. 2. 새 배열을 만들고 원래 배열의 값을 새 배열에 할당한 다음 "setState(New array)"는 State를 수정하고 스택의 원래 배열이 가리키는 주소를 변경합니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 17.0.1, Dell G3 컴퓨터.

React에서 값이 변경될 때 usestate 값이 렌더링되지 않으면 어떻게 해야 하나요?

React의 기본 얕은 청취는 State 값이 객체일 때 객체의 참조(주소)가 그리고 setState는 힙의 데이터를 변경합니다

그래서 setArr(arr) 이후에도 스택의 주소는 여전히 원래 주소입니다. React는 주소가 변경되지 않았음을 감지하므로 State가 변경되지 않았다고 생각합니다. 그래서 페이지가 다시 렌더링되지 않습니다

Solution

아이디어: 스택의 원래 arr 주소를 교체합니다. 지정된 주소만 변경하세요

예는 다음과 같습니다.

1) 직접 setState(값은 수정됨)

const [arr, setArr] = useState([])
setArr(1)

2) 새 배열 newArr을 만들고, 원래 배열의 값을 새 배열에 할당하고, setState(newArr )

const [arr, setArr] = useState([])
const newArr = arr.slice(1)
setArr(newArr)

ES6 확장 사용

const [arr, setArr] = useState([])
setArr([...arr])

권장 학습: "react 비디오 튜토리얼"

위 내용은 값을 변경할 때 반응의 usestate가 렌더링되지 않으면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!