Проверка, если данные опубликованы в реагировать

Question

новый, чтобы реагировать здесь. Сейчас я пытаюсь сделать сообщение через API, следуя этому предыдущему сообщению о переполнении стека Реакция: выборка запросов DELETE и PUT . А вот и мой код:

 submitHandler = (event) => {
    const state = this.state.newClient
    this.setState({creating: false, submitable:false});
    this.resetNewClient();
    event.preventDefault();
    const formData = new FormData();
    formData.append('slug', state.slug);
    formData.append('name', state.name);
    formData.append('description', state.description);
    return fetch('https://reqres.in/api/users', {
        method: 'POST',
        body: formData
    })
    .then(response => response.json())
    .then((json) => {
    console.log('success')
    })
}

Если это не так, пожалуйста, исправьте мой код. SubmitHandler запускается кнопкой, а newClient - это массив, содержащий слаг, имя и описание. Однако, кроме того, что мой код правильный или нет, я должен знать, как проверить, правильно ли размещены данные в API. В случае, если это необходимо, это componentDidMount, который выбирает данные.

componentDidMount() {
    fetch("https://reqres.in/api/users?page=3")
    .then(data => data.json())
    .then(datum => {
        const results = datum.data.map(x => {
        return {
          slug: x.id,
          name: x.first_name,
          description: x.last_name
        }
    })
    this.setState({ clients: results });
    });
}

Если есть лучший способ сделать это, я также хотел бы знать. Спасибо

Answer 1

Я обычно создаю объект JavaScript и выполняю JSON.stringify для публикации данных.

const postData = {
  slug: state.slug,
  name: state.name,
  description: state.description
};
return fetch('https://reqres.in/api/users', {
  method: 'POST',
  body: JSON.stringify(postData)
})