Question

我正在尝试在我的react应用程序中创建下拉组件。我的反应如下：

 componentDidMount() {
      let initialBrands = [];
      fetch('http://localhost:3000/brands').then((response) => {
      return response.json();
    })
    .then(data => {
      let brandFromApi = data.map(brand => { return {value: brand, display: brand} })
      this.setState({ brands: [{value: '', display: '(Select your favourite brand)'}].concat(brandFromApi) });
    }).catch(error => {
      console.log(error);
    });
}

但是在编译页面时会出现以下错误：

SyntaxError: Unexpected token < in JSON at position 0
    at App.js:82

除上述错误外，我没有其他错误。但是，我的下拉列表没有填充。有人，请让我知道问题出在哪里？

Answer 1

我怀疑您从服务器收到了HTML（或XML），但是您试图将其解析为JSON，从而导致错误。还要检查Chrome开发者工具中的“网络”标签，以查看服务器响应的内容。

尝试通过浏览器或邮递员访问该URL，以检查您是否真的收到了有效的JSON响应。

SyntaxError：位置JSON中的意外令牌<

1 个答案: