前提・実現したいこと
React+whatwg-fetchでjsonデータを取得しようとしています。
発生している問題・エラーメッセージ
return response.json() の記述のところで
次のエラーメッセージが表示されてしまいます。
Unhandled Rejection (SyntaxError): Unexpected token < in JSON at position 0
該当のソースコード
index.js
import React from 'react' import { render } from 'react-dom' import 'whatwg-fetch' class Main extends React.Component { constructor() { super(); this.state = { data: "", name: "", email: "" }; } componentDidMount() { this.getJsonData(); } getJsonData() { fetch('/apis/navi', { method: 'POST', mode: 'cors', credentials: 'include', body: JSON.stringify({ name: this.state.name, email: this.state.email, }) }).then(function(response) { return response.json() }).then(function(data) { this.setState({ data: data }); }); } render() { return( <div> <div>{this.state.data}</div> <div>{this.state.name}</div> <div>{this.state.email}</div> </div> ) } } render( <Main />, document.getElementById('root') )
apis/navi.json
[ { "id": 0, "name": "Erik Raymond", "work": "ForeTrust", "email": "erik.raymond@foretrust.net", "dob": "1941", "address": "31 Hill Street", "city": "Fresno", "optedin": true }, { "id": 1, "name": "Cory Risley", "work": "Zatheon", "email": "cory.risley@zatheon.gov", "dob": "1976", "address": "54 Harvard Avenue", "city": "Baltimore", "optedin": false } ]
補足情報
"react": "^16.3.2", "react-dom": "^16.3.2", "whatwg-fetch": "^2.0.4"
見よう見まねで組んでいる部分がありますので、おかしな記述があるかもしれません。
ご教示いただけますと幸いです。
よろしくお願いいたします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/05/06 05:57
2018/05/06 06:04
2018/05/06 06:20