如何将功能作为道具传递给React中的儿童组件

发布于 2025-01-17 12:27:03 字数 70 浏览 0 评论 0原文

所以我想知道是否可以将handleDictionaryResponse和handlePhotosResponse函数作为道具发送给组件

So I am wondering if it is possible to send the handleDictionaryResponse and handlePhotosResponse functions as props to the component ????????


function handleDictionaryResponse(response) {
  setData(response.data[0]);
}

function handlePhotosResponse(response) {
  setPhotos(response.data.photos);
}

function handleSearch(event) {
  event.preventDefault();
  let dictionaryApiUrl = `https://api.dictionaryapi.dev/api/v2/entries/en/${keyword}`;
  axios.get(dictionaryApiUrl).then(handleDictionaryResponse);

  let photosApiKey = `563492ad6f917000010000010a8428d27f1b43e6bc66cfe662ea13df`;
  let photosApiUrl = `https://api.pexels.com/v1/search?query=${keyword}&per_page=9`;
  let headers = { Authorization: `Bearer ${photosApiKey}` };
  axios.get(photosApiUrl, { headers: headers }).then(handlePhotosResponse);
}

function updateKeywordDetails(event) {
  setKeyword(event.target.value);
}

return (
    <Body property={data} />
  </div>
);
}

分享到QQ

分享到微博