PL
React - przycisk wysyłający zapytanie AJAX
0
points
Poniższy przykład pokazuje przycisk, który wysyła żądanie GET po kliknięciu na przycisk.
// ONLINE-RUNNER:browser;
// Uwaga: Odkomentuj poniższe linijki podczas pracy z kompilatorem JSX:
// import React from 'react';
// import ReactDOM from 'react-dom';
const App = () => {
const [response, setResponse] = React.useState();
const handleClick = async () => {
const text = "Jakiś tekst wewnątrz...";
try {
const response = await fetch(`/examples/echo?text=${encodeURIComponent(text)}`);
const responseText = await response.text();
setResponse(`Response: ${responseText}`);
} catch (error) {
setResponse("Błąd żądania!");
}
};
return (
<div>
<button onClick={handleClick}>Wyślij żądanie AJAX!</button>
{response && <div>{response}</div>}
</div>
);
};
const root = document.querySelector("#root");
ReactDOM.render(<App />, root);