Ты можешь делать AJAX запросы, используя несколько библиотек:
AJAX запросы нужно делать в методе жизненного цикла componentDidMount(). Это оптимальное место, потому что:
setState(), чтобы обновить компонент полученными даннымиclass MyComponent extends React.Component {
constructor(props) {
super(props);
this.state = {
employees: [],
error: null
};
}
componentDidMount() {
fetch('https://api.example.com/items')
.then(res => res.json())
.then(
(result) => {
this.setState({ employees: result.employees });
},
(error) => {
this.setState({ error });
}
);
}
render() {
const { error, employees } = this.state;
if (error) {
return <div>Error: {error.message}</div>;
}
return (
<ul>
{employees.map(employee => (
<li key={employee.name}>
{employee.name} - {employee.experience}
</li>
))}
</ul>
);
}
}
constructor() с пустыми данными и null в качестве ошибки.then() для обработки асинхронных ответовsetState(), чтобы запустить перерендерAJAX запросы следует делать в методе componentDidMount(), потому что компонент уже смонтирован и безопасно вызывать setState() для обновления компонента полученными данными.
Новый — ещё не проверен сообществом
Вы