获取 api 数据并将其放入表中

Question

• 我正在尝试获取 api 数据并将其放入表中，现在我正在使用模拟数据
• 所以我能够成功编写动作和减速器。
• 现在我可以调用 api。
• 但在网络调用中，我在 api 中看不到响应，也看不到响应内容被阻止的状态。
• 我正在使用 react 钩子进行 react 和 redux。

• 这是我进行 api 调用的地方 useEffect(() => { getPosts(channel); }, []);

• 你能告诉我如何解决它吗？

• 在下面提供我的代码 sn-p 和沙箱。

https://codesandbox.io/s/material-demo-kpt5i

demo.js

 const channel = useSelector(state => state.channel);

  const dispatch = useDispatch();

  const getPosts = channel => dispatch(fetchPosts(channel));

  useEffect(() => {
    getPosts(channel);
  }, []);

actions.js

  export function fetchPosts(channel) {
  return function(dispatch) {
    dispatch(requestPosts());
    return fetch(`http://jsonplaceholder.typicode.com/users`)
      .then(
        response => response.json(),
        error => console.log("An error occurred.", error)
      )
      .then(json => {
        dispatch(receivedPosts(json));
      });
  };
}

Answer 1

根据您在代码沙箱上的示例，这是由于您从 https 站点加载，但您的源来自 http。将http://jsonplaceholder.typicode.com/users 更改为https://jsonplaceholder.typicode.com/users 将解决您的问题。