I am fetching a result from parent to child. Everything is fine in desktop browser, but when trying it in mobile browser url is always null. Is this something to do with fetch or ip?
On desktop browser
{ url && (
<FbShareButton url={url}>
<img src={FbIcon} alt="fb-icon" />
</FbShareButton>
)}
const fetchImg = async () => {
// fetch image
const imgFd = await fetch(photoImage)
.then(res => res.blob()) // to blob
.then(blob => blob);
const formData = new FormData(); // to FormData
formData.append('image', imgFd);
postImgReq(formData)
.then(res => setImgUrl(res.data.url))
.catch(err => alert(err)); // TypeError: Failed to fetch in mobile browser
};
fetchImg();
Any solution?
question from:
https://stackoverflow.com/questions/65868259/fetching-data-is-not-working-in-mobile-browser 与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…