@hermina.hauck
Чтобы вернуть результат POST запроса, сделанного с помощью Axios, в состояние React, необходимо использовать метод setState(). Метод setState() используется для обновления состояния компонента, и когда состояние обновляется, React перерисовывает компонент.
Для этого нужно выполнить следующие шаги:
1 2 3 4 5 6 |
constructor(props) { super(props); this.state = { result: null }; } |
1 2 3 4 5 |
postData = async () => { const response = await axios.post('/api/data'); const result = response.data; this.setState({ result }); } |
1
|
<button onClick={this.postData}>Отправить запрос</button> |
1
|
this.setState({ result });
|
После выполнения POST запроса и получения ответа, результат будет храниться в состоянии компонента в свойстве result
. Вы можете использовать это свойство в других частях вашего кода, например, для отображения результата на странице:
1 2 3 4 5 6 7 8 |
render() { return ( <div> <button onClick={this.postData}>Отправить запрос</button> <p>Результат: {this.state.result}</p> </div> ); } |
Обратите внимание, что этот код предназначен только для демонстрации и не содержит обработки ошибок. В реальном приложении вы должны добавить обработку ошибок для обеспечения более надежной работы вашего кода.