Работа с асинхронным кодом в React не отличается ничем особо примечательным по сравнению с тем, что ранее рассматривалось в курсe "Асинхронное программирование", но для проформы стоит пробежаться.
class Loader extends React.Component {
constructor(props) {
super(props);
this.state = { url: null };
}
handleClick = async () => {
const res = await axios.get('/images/random');
this.setState({ url: res.data });
}
render() {
const { url } = this.state;
return (
<div>
<button onClick={this.handleClick}>Load Random Image</button>
{url && <img src={url} />}
</div>
);
}
}
Выше видно, обработчик можно легко сделать асинхронным, а дальше все как обычно.
Вам ответят команда поддержки Хекслета или другие студенты.
Выделите текст, нажмите ctrl + enter и отправьте его нам. В течение нескольких дней мы исправим ошибку или улучшим формулировку.
Загляните в раздел «Обсуждение»:
Базовый план откроет полный доступ ко всем курсам, упражнениям и урокам Хекслета, проектам и пожизненный доступ к теории пройденных уроков. Подписку можно отменить в любой момент.
Курсы программирования для новичков и опытных разработчиков. Начните обучение бесплатно.
Наши выпускники работают в компаниях:
С нуля до разработчика. Возвращаем деньги, если не удалось найти работу.
Зарегистрируйтесь или войдите в свой аккаунт