Question

我不认为这需要绑定才能看到响应，但我必须遗漏一些东西，因为我从这个Fetch / post获得了回复。这是我的提取。

 export default class Test extends Component {
constructor(props) {
super(props);
this.state = { value: '' };

this.handleChange = this.handleChange.bind(this);
this.handleSubmit = this.handleSubmit.bind(this);
}
componentDidMount() { }

 handleChange(event) {
this.setState({ value: event.target.value });
}

 handleSubmit(event, cb) {
   event.preventDefault();

return (
  fetch('test/post', 'POST')
    .then(response => {
      if (response.status >= 400) {
        this.setState({
          value: 'error',
        });
        throw new Error('Throw Error');
      }
      console.log('REACT::RESPONSE', response.json());
      return response.json();
    })
    .then(cb)
    .catch(() => {
      this.setState({
        value: 'error cb',
      });
    })
);
  }

帖子看起来不错。它击中了我的webApi，我收到了回复。我正在使用fiddler来查看我的开发工作站上的http流量。以下是来自webApi的fiddler中的响应消息。

HTTP/1.1 200 OK
Date: Wed, 08 Feb 2017 22:49:27 GMT
Content-Type: application/json; charset=utf-8
Server: Kestrel
Access-Control-Allow-Origin: *
Content-Length: 16

{"name":"MyName"}

目前MYRESPONSE ::控制台日志只显示。

MYRESPONSE::[object Promise]

或“MYRESPONSE ::”+ JSON.stringify（响应）显示

MYRESPONSE::{}

Answer 1

.json()返回一个承诺。您需要执行.json().then(data => console.log(data))

React - 我无法从fetch post看到我的回复

1 个答案: