functionMyComponent(props){const[info,setInfo]=React.useState("");const[remoteData,setRemoteData]=React.useState("No data fetched yet!");asyncfunctionload(){constresponse=awaitfetch("http://example.com?info="+info);consttext=awaitresponse.text();setRemoteData(text);}return(<div><inputvalue={info}onChange={(e)=>setInfo(e.target.value)}/><buttononClick={load}>Fetch</button><textarea>{remoteData}</textarea></div>);}
That is great I think that might works thanks a lot! I'm just trying to figure out this error:
Access to fetch at 'MyUrl' from origin 'localhost:8100' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's. I've found to fix it adding {mode:"no-cors"} in the fetch call but the object returns null. Do you know anything about this kind of error?
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Glad you liked it.
I'd use React hooks.
That is great I think that might works thanks a lot! I'm just trying to figure out this error:
Access to fetch at 'MyUrl' from origin 'localhost:8100' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's. I've found to fix it adding {mode:"no-cors"} in the fetch call but the object returns null. Do you know anything about this kind of error?