在react中使用redux saga进行api调用

Question

我正在尝试按照下面的中等教程来学习传奇并在 stackblitz 中实现。 但我遇到了路径问题，我通过不同的方式进行了更改并修复了它。现在我遇到了不同的问题。 谷歌搜索但仍然没有运气。在下面提供我的代码片段和 stackblitz。你能让我知道如何修复它吗

https://medium.com/@lavitron/make-your-first-call-to-api-using-redux-saga-15aa995df5b6

https://stackblitz.com/edit/stackblitz-starters-rweulf?description=React%20%20%20TypeScript%20starter%20project&file=src%2Freducers%2Findex.js,src%2Factions%2Findex.js,src% 2Findex.tsx,src%2Fsagas%2Findex.js,src%2Fcontainers%2FNewsItem.js,src%2Fcontainers%2FLoading.js,src%2FApp.tsx&title=React%20Starter

/turbo_modules/[电子邮件受保护]/cjs/react-dom.development.js 中出现错误 (28439:17) 元素类型无效：需要一个字符串（对于内置组件）或一个类/函数（对于复合组件），但得到：对象。您可能忘记从定义它的文件中导出组件，或者您可能混淆了默认导入和命名导入。

检查

App

的渲染方法。

import { FC } from 'react';

import './style.css';
import { StateDropdown } from './components/StateDropdown';

import Button from './containers/Button';
import NewsItem from './containers/NewsItem';
import Loading from './containers/Loading';

export const App: FC<{ name: string }> = ({ name }) => {
  return (
    <div>
      <Button />
      <Loading />
      <NewsItem />

      <StateDropdown />
    </div>
  );
};

Answer 1

看起来您正在尝试从

NewsItem

导入

./containers/NewsItem

，但该目录中似乎没有

NewsItem

组件。相反，有一个

NewsList

组件。

尝试将导入语句更改为：

import NewsItem from './containers/NewsList';