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

Question

• 我正在尝试获取 api 数据并将其放入表中，现在我正在使用模拟数据
• 因此我能够成功编写操作和化简器。
• 现在我可以调用 API 了。
• 但在网络调用中，我看不到 api 中的响应，也看不到阻止的响应内容状态。
• 我正在使用 React Hooks 进行 React 和 Redux。

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

• 你能告诉我如何解决这个问题吗？

• 在下面提供我的代码片段和沙箱。

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

根据您在codesandbox上的示例，这是因为您是从https站点加载的，但您的源是来自http的。改变http://jsonplaceholder.typicode.com/users至 https://jsonplaceholder.typicode.com/users将解决您的问题。