我可以在React中使用Fetch发布文本数据吗

时间:2018-08-30 10:08:37

标签: javascript node.js reactjs

我正在使用react js,我想发布文本并返回文本。

有人可以帮我张贴文字和接收文字吗?我用过 content type text/plain,但无济于事。

有什么办法吗?

const options = {
    method: "POST",
    headers: {
        "Content-Type": "text/plain"
    },
    body: this.state.url
}

fetch("http://localhost:3000/messages", options)
    .then(response => response)
    .then(data => {
        console.log(data)
        this.setState({
            code: data
        });
    });

这就是我试图从api获取文本值的原因

我收到错误消息

  

未捕获的诺言typeError无法获取

1 个答案:

答案 0 :(得分:0)

fetch为Response对象返回一个“承诺”,根据内容类型,该对象具有JSON,文本等的创建者。因此,应将代码更改为。

还考虑在发生错误的情况下为诺言添加catch块,并检查控制台输出错误(如果有的话)。

const options = {
    method: "POST",
    headers: {
        "Content-Type": "text/plain"
    },
    body: this.state.url
}

fetch("http://localhost:3000/messages", options)
    .then(response => response.json()) // or response.text()
    .then(data => {
        console.log(data)
        this.setState({
            code: data
        });
    })
     .catch(err => { console.log('error while fetching', err) });