javascript - 检查数据是否发布在 reactJS 中

Question

新来这里 react 。我现在正尝试按照之前的堆栈溢出帖子 React: Fetch DELETE and PUT requests 通过 API 发帖.这是我的代码:

 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 是一个包含 slug、名称和描述的数组。然而，除了我的代码是否正确之外，我要知道的是如何检查数据是否正确发布在 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)
})