Ax ios тело метода сообщения не определено - PullRequest
Новая
       6

Ax ios тело метода сообщения не определено

0 голосов
/ 28 марта 2020

Извините, я новичок в использовании топора ios. Как правильно написать топор ios почтовый метод? Теперь «тело» не определено. Это в файле api. js, я его импортирую и передам в тело другого компонента.

Заранее спасибо

EDITED :

Итак, мой вопрос был о топоре ios, теперь я хотел знать больше, потому что я новичок в этой технологии.

Мне просто нужно передать идентификатор ресторана (из реквизита) и текст обратной связи вперед на сервер и сохранить его в БД. Я не знаю, как правильно написать этот код, но logi c написано в комментариях. Я буду признателен за все ваши советы, потому что я хочу узнать, как это работает. 

import axios from 'axios';

class Api {

  post(endpoint) {
    return axios.post(endpoint, body)
      .then((response) => {
        return { error: null, data: response.data };
      })
      .catch((error) => {
        return { error: error };
      });
  }
}

export default new Api();

и это 

import React, { Component } from 'react';
import { Button, Form } from 'react-bootstrap';
import '../../styles/feedback-send.css';
import PropTypes from 'prop-types';
import Api from '../../services/api';

class FeedbackSend extends Component {
  constructor(props) {
    super(props);
    this.state = {
      isLoading: false,
      // e.g. body: [], here I want to store array with props of restaurant id
    };
    this.textInput = React.createRef();
  }

  onSubmit() {
    this.setState({
      isLoading: true,
      // here I want to add user's input to body (textInput)
    });
    Api.post('feedback/add', { body }) // here I want to pass rest.id and user's input to POST method body
      .then(this.state.isLoading(false));
  }

  render() {
    return (
      <div>
        <Form.Group className="m-0">
          <Form.Control
            className="textFeedback"
            as="textarea"
            type="text"
            rows="3"
            placeholder="feedback"
            ref={this.textInput}
          />
          <Button
            className="btnFormSend"
            variant="outline-success"
            onSubmit={this.onSubmit()}
          >
            Send Feedback
          </Button>
        </Form.Group>
      </div>
    );
  }
}

FeedbackSend.propTypes = {
  id: PropTypes.number.isRequired,
};

export default FeedbackSend;
...