JavaScript Destructuring이 실수였습니까?
6487 단어 reactjavascript
예를 들어 인기 있는 라이브러리 react-query입니다.
const {
data,
error,
isError,
isLoading
} = useQuery(queryKey, queryFn)
if (isLoading) {
return <span>Loading...</span>
}
if (isError) {
return <span>Error: {error.message}</span>
}
return <div>{data}</div>
대
const result = useQuery(queryKey, queryFn)
if (result.isLoading) {
return <span>Loading...</span>
}
if (result.isError) {
return <span>Error</span>
}
return <div>{result.data}</div>
우리는 아무것도 절약하지 않고 더 깨끗하지도 않으며, 사람들은 항상 그것을 찾아 남용할 것입니다.
이전에는 그것이 무엇을 반환하는지 알고 싶다면 TS를 사용하거나 한 점 거리에 있고 편집기 자동 완성이 정확하고 깨끗하게 느껴지는 경우 타이핑을 볼 수 있었습니다.
이것은 또한 반응
useState
과 같은 이상한 구조화 API와 기본 LocalStorage API를 예로 들 수 있습니다.const [count, setCount] = useState(0);
<div>{count}</div>
<button onClick={() => setCount(50)}>Change</button>
const storage = localStorage
storage.getItem('count')
storage.setItem('count', 50);
이것이 파괴가 없는 완벽한 세상에서 어떻게 보일 수 있는지입니다.
const count = useState(0);
<div>{count.value}</div>
<button onClick={() => count.set(50)}>Change</button>
Reference
이 문제에 관하여(JavaScript Destructuring이 실수였습니까?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/ivanjeremic/was-javascript-destructuring-a-mistake-3ekn텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)