получить данные API и положить их в таблицы - PullRequest
Новая
       5

получить данные API и положить их в таблицы

1 голос
/ 12 октября 2019
  • Я пытаюсь получить данные API и поместить их в таблицы, теперь я использую фиктивные данные
  • , поэтому я смог успешно написать действия и редукторы.
  • теперь я могу вызвать API.
  • , но в сетевом вызове я не вижу ответа в API и вижу статус содержимого заблокированного ответа.
  • Я использую хуки реагирования для реакции и редукции.

  • вот где я делаю вызов 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));
      });
  };
}

1 Ответ

0 голосов
/ 12 октября 2019

в соответствии с вашим образцом на CodeSandbox, это связано с тем, что вы загружаете с сайта https, но ваш источник из http. изменение http://jsonplaceholder.typicode.com/users на https://jsonplaceholder.typicode.com/users решит вашу проблему.

...