Нужно получать события с помощью API TicketMaster с Axios и React.js

Tony Gonzalez спросил: 13 июня 2018 в 07:26 в: reactjs

У меня есть реагирующий компонент с формой почтового индекса и кнопкой отправки. Мне нужно использовать axios, чтобы потянуть с помощью ключа TicketMaster api и загрузить все события в почтовый индекс, введенный при нажатии кнопки отправки.

Я знаю, что мне нужно сделать 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>

1 ответ

nikhil karkra ответил: 13 июня 2018 в 09:27

Вызовите вас axios на handleFormSubmit

Дополнительное видео по вопросу: Нужно получать события с помощью API TicketMaster с Axios и React.js

HTTP Requests in React with Axios | React tutorial for beginners

How to use Axios with React

11 - React.js - Axios(POST Form Data) - Hindi