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.
xxxxxxxxxx1
// Uwaga: Odkomentuj poniższe linijki podczas pracy z kompilatorem JSX:2
// import React from 'react';3
// import ReactDOM from 'react-dom';4
5
const App = () => {6
const [response, setResponse] = React.useState();7
const handleClick = async () => {8
const text = "Jakiś tekst wewnątrz...";9
try {10
const response = await fetch(`/examples/echo?text=${encodeURIComponent(text)}`);11
const responseText = await response.text();12
setResponse(`Response: ${responseText}`);13
} catch (error) {14
setResponse("Błąd żądania!");15
}16
};17
return (18
<div>19
<button onClick={handleClick}>Wyślij żądanie AJAX!</button>20
{response && <div>{response}</div>}21
</div>22
);23
};24
25
const root = document.querySelector("#root");26
ReactDOM.render(<App />, root);