Relative Content

Tag Archive for javascriptreactjsasync-await

Non-async function call inside an async function

import { useState } from ‘react’; export default function Form() { const [text, setText] = useState(”); function sleep(milliseconds) { const start = Date.now(); while (Date.now() – start < milliseconds) { } } async function handleSubmit(e) { sleep(5000); } function handleTextareaChange(e) { setText(e.target.value); } return ( <> <h2>Test</h2> <form onSubmit={handleSubmit}> <textarea value={text} onChange={handleTextareaChange} /> <br /> […]

Non-async function call inside an async function

import { useState } from ‘react’; export default function Form() { const [text, setText] = useState(”); function sleep(milliseconds) { const start = Date.now(); while (Date.now() – start < milliseconds) { } } async function handleSubmit(e) { sleep(5000); } function handleTextareaChange(e) { setText(e.target.value); } return ( <> <h2>Test</h2> <form onSubmit={handleSubmit}> <textarea value={text} onChange={handleTextareaChange} /> <br /> […]

Non-async function call inside an async function

import { useState } from ‘react’; export default function Form() { const [text, setText] = useState(”); function sleep(milliseconds) { const start = Date.now(); while (Date.now() – start < milliseconds) { } } async function handleSubmit(e) { sleep(5000); } function handleTextareaChange(e) { setText(e.target.value); } return ( <> <h2>Test</h2> <form onSubmit={handleSubmit}> <textarea value={text} onChange={handleTextareaChange} /> <br /> […]

Non-async function call inside an async function

import { useState } from ‘react’; export default function Form() { const [text, setText] = useState(”); function sleep(milliseconds) { const start = Date.now(); while (Date.now() – start < milliseconds) { } } async function handleSubmit(e) { sleep(5000); } function handleTextareaChange(e) { setText(e.target.value); } return ( <> <h2>Test</h2> <form onSubmit={handleSubmit}> <textarea value={text} onChange={handleTextareaChange} /> <br /> […]

Non-async function call inside an async function

import { useState } from ‘react’; export default function Form() { const [text, setText] = useState(”); function sleep(milliseconds) { const start = Date.now(); while (Date.now() – start < milliseconds) { } } async function handleSubmit(e) { sleep(5000); } function handleTextareaChange(e) { setText(e.target.value); } return ( <> <h2>Test</h2> <form onSubmit={handleSubmit}> <textarea value={text} onChange={handleTextareaChange} /> <br /> […]

Non-async function call inside an async function

import { useState } from ‘react’; export default function Form() { const [text, setText] = useState(”); function sleep(milliseconds) { const start = Date.now(); while (Date.now() – start < milliseconds) { } } async function handleSubmit(e) { sleep(5000); } function handleTextareaChange(e) { setText(e.target.value); } return ( <> <h2>Test</h2> <form onSubmit={handleSubmit}> <textarea value={text} onChange={handleTextareaChange} /> <br /> […]

Non-async function call inside an async function

import { useState } from ‘react’; export default function Form() { const [text, setText] = useState(”); function sleep(milliseconds) { const start = Date.now(); while (Date.now() – start < milliseconds) { } } async function handleSubmit(e) { sleep(5000); } function handleTextareaChange(e) { setText(e.target.value); } return ( <> <h2>Test</h2> <form onSubmit={handleSubmit}> <textarea value={text} onChange={handleTextareaChange} /> <br /> […]

Non-async function call inside an async function

import { useState } from ‘react’; export default function Form() { const [text, setText] = useState(”); function sleep(milliseconds) { const start = Date.now(); while (Date.now() – start < milliseconds) { } } async function handleSubmit(e) { sleep(5000); } function handleTextareaChange(e) { setText(e.target.value); } return ( <> <h2>Test</h2> <form onSubmit={handleSubmit}> <textarea value={text} onChange={handleTextareaChange} /> <br /> […]

Non-async function call inside an async function

import { useState } from ‘react’; export default function Form() { const [text, setText] = useState(”); function sleep(milliseconds) { const start = Date.now(); while (Date.now() – start < milliseconds) { } } async function handleSubmit(e) { sleep(5000); } function handleTextareaChange(e) { setText(e.target.value); } return ( <> <h2>Test</h2> <form onSubmit={handleSubmit}> <textarea value={text} onChange={handleTextareaChange} /> <br /> […]

Non-async function call inside an async function

import { useState } from ‘react’; export default function Form() { const [text, setText] = useState(”); function sleep(milliseconds) { const start = Date.now(); while (Date.now() – start < milliseconds) { } } async function handleSubmit(e) { sleep(5000); } function handleTextareaChange(e) { setText(e.target.value); } return ( <> <h2>Test</h2> <form onSubmit={handleSubmit}> <textarea value={text} onChange={handleTextareaChange} /> <br /> […]