在react中使用redux Saga 的API调用

zlwx9yxi  于 2023-11-19  发布在  React
关注(0)|答案(1)|浏览(132)

我试图通过以下媒体教程学习 Saga 并在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/email protected(https://stackoverflow.com/cdn-cgi/l/email-protection)/cjs/react-dom.development.js(28439:17)元素类型无效:需要字符串(对于内置组件)或类/函数(对于复合组件),但得到:object。您可能忘记从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入。
检查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>
  );
};

字符串

kmpatx3s

kmpatx3s1#

  • Button.js文件必须导出组件
  • 组件文件必须以.tsx结尾,而不是以.js结尾,才能被TypeScript编译器编译

Stackblitz更新:https://stackblitz.com/edit/stackblitz-starters-dxgf79?file=src%2Fcontainers%2FNewsItem.tsx

相关问题