如何成功发布我们想要的东西？答案

【问题标题】：How to post the things which we want successfully?如何成功发布我们想要的东西？
【发布时间】：2019-11-27 06:24:24
【问题描述】：

我是 reactjs 的新手，我想通过 fetch 方法成功发布消息，因为我已经提出了查询，但解决方案对我来说并不奏效，并且对查询投了反对票。我正在写我的问题，因为我已经通过了类似的链接并且我已经尝试但没有得到预期的输出。有时它工作正常，第二天它在 res(json) 行中显示错误。并且想在发布后清除消息，但是当我使用此链接解决方案“How to clear the input after posting the data through fetch and making the code execute successful”时，有时消息会消失，有时消息没有发布。有人帮我吗？提前致谢。

【问题讨论】：

你到底是哪里出了问题？您是否尝试检查浏览器中的网络选项卡以查看是否显示任何 http 错误代码？
@Muljayan - 第 1 期 - 我无法清除已发送的消息。第二个问题 - 如果它正在工作，那么我无法发布消息。主要是如果第一个问题得到解决，那么在 chrome 中它会显示“.then(res => res.json())”作为错误
@Muljayan - 在 chrome 中发送消息时，它显示如下错误“未处理的拒绝（SyntaxError）：JSON 输入意外结束”
我什至不确定 res.json() 这里是 fetch 响应提供的函数或方法，这可能会引发错误。您应该调用.catch 来捕获错误并记录它。
@andytham - 你能看到，在第一个组件中，有一个 post 方法，然后是我写的“.then(res => res.json())”。这就是我遇到错误的地方。如果我必须写.catch 那么你能告诉我在里面写什么吗？我不确定我应该在.catch

标签： reactjs

【解决方案1】：

您需要使用输入中的状态值才能清除它：

<input
  className="sendMessage"
  onChange={this.handleChange}
  name="body"
  value={this.state.body}    // Add input value
/>

【讨论】：

我在上面的查询中也进行了更新，但它不起作用
我会尝试用另一种方式来写这个...会通过更多的链接谢谢！