Нужно получать события, используя API TicketMaster с Axios и React.js
У меня есть компонент реагирования с формой почтового индекса и кнопкой отправки. Мне нужно использовать axios, чтобы вытащить мой ключ API TicketMaster и загрузить все события в пределах почтового индекса, введенного при нажатии кнопки отправки.
Я знаю, что мне нужно сделать axios.get(), но не знаю, где и как это сделать.
Здесь я установил состояние:
class Menu extends React.Component {
constructor() {
super()
this.state = {
events: [],
postalCode: "",
searchTerm: ""
};
console.log(this.state);
}
Это форма с кнопкой Zip Code и Submit:
render() {
return (
<div>
<div className="panel panel-default" >
<div className="panel-heading">
<h3 className="panel-title">Menu</h3>
<h2 className="panel-title">
Zip Code: <input
type="text"
name="zipCode"
value={this.state.event}
onChange={this.handleInputChange}
/>
</h2>
<button
onClick={this.handleFormSubmit}
type="success"
className="input-lg"
>Submit</button>
</div>