我在为react-recdux项目从伪造的API接收数据时出错

Question

我正在学习使用React-Redux从伪造的API获取数据。但我得到了这个错误：

JSON.parse: unexpected character at line 1 column 1 of the JSON data

请在项目中向下滚动查看以上错误。

这个错误在控制台中：

Uncaught Error: Cannot add node 1 because a node with that id is already in the Store.

我不知道我的json数据在哪里。有人能帮我了解错误的来源和这个错误的原因吗？

项目代码：https://codesandbox.io/s/complete-redux-forked-1qbtvk

Answer 1

问题出在你的client.js文件中，你似乎得到了无效的json数据我尝试了JSON.stringify而不是JSON((来获取有效格式，结果出现了伪数据。但是，在呈现空数据或未定义数据的情况下，也会出现一些警告和错误，您必须修复它们。

data = JSON.stringify(response)

Answer 2

我在代码中发现了这个问题。我没有使用worker与服务器进行通信。

上一个代码：

store.dispatch(fetchUsers());
ReactDOM.render(
<React.StrictMode>
<Provider store={store}>
<App />
</Provider>
</React.StrictMode>,
document.getElementById("root")
);
}

编辑后的代码相同：

import { worker } from "./api/server";
async function main() {
await worker.start({ onUnhandledRequest: "bypass" });
store.dispatch(fetchUsers());
ReactDOM.render(
<React.StrictMode>
<Provider store={store}>
<App />
</Provider>
</React.StrictMode>,
document.getElementById("root")
);
}
main();

另外，另一个错误是语法错误(在PostsList.js中(：

<p className="post-content">{post.content.subString(0, 100)}</p>

subString错误。我将其编辑为：substring。