Как React Render обещает в возвращенном JSX? ⇐ Javascript

[Anonymous]

У меня есть этот код: < /p>

Код: Выделить всё

import { useState } from "react"

export default function TestRoute() {
const [response, setResponse] = useState()

const sendRequest = async (): Promise => {
const response = await fetch('http://localhost:9090/test/test_delayed')
const message = await response.json()
return message.message
}

const handleButtonClick = async () => {
const result = sendRequest()
setResponse(result)

}
return (

Delayed response
{response}

)
}

test/test_delayed конечная точка спит 3 секунды, затем возвращается. Это мой код FASTAPI: < /p>
@router.get("/test_delayed")
async def test_delayed():
await asyncio.sleep(3)
return {
"message": "Delayed response",
}
< /code>
Что меня удивляет, так это то, что приведенный выше код TSX работает. Как и после, после того, как я нажимаю кнопку, после задержки 3S появляется текст ответа. Я бы ожидал, что отреагируйте, чтобы вернуть ошибку (не может отображать объект обещания типа или что -то в этом роде). Как это делает React? Я использую React 19.


Подробнее здесь: https://stackoverflow.com/questions/796 ... turned-jsx