// ....react component
const [fruitDetail, setFruitDetail] = useState(null);
useEffect(() => {
if (!fruitName) {
return;
}
// Method 1
getFruit(fruitName).then((data) => {
console.log(data);
setFruitDetail(data);
});
// Method 2
getFruit(fruitName).then(setFruitDetail);
}, [fruitName]);
return fruitDetail;
방법 1과 방법 2가 동일한 이유가 궁금합니다. 구문 설탕입니까?
메서드 1은 함수를 호출하는 명시적인 방법으로 볼 수 있습니다. 이 .then
메서드는 getFruit(fruitName)
.. 의 결과를 전달받으며 원하는 이름을 지정할 수 있습니다 data
. 그런 다음 해당 변수를 사용 data
하여 두 개의 함수를 호출했습니다. 따라서 변수 이름으로 응답을 명시 적으로 참조합니다 data
.
방법 2에서 변수는 암시 적입니다. 의미, .then
작동 방식 때문에 Javascript .then
는 하나의 인수를 예상하며, 이는 getFruit(fruitName)
. 이 .then
메서드는 결과를 가져 와서 첫 번째 인수로 전달합니다 setFruitDetail
... 그것은 또한라고 말하는 것과 동일합니다 getFruit(fruitName).then(response => setFruitDetail(response))
. response
전달되는 유일한 것이고 사용되는 유일한 것이므로 변수 를 구체적으로 입력 할 필요가 없습니다. .
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다