我试图通过以下媒体教程学习 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>
);
};
字符串
1条答案
按热度按时间kmpatx3s1#
Button.js
文件必须导出组件.tsx
结尾,而不是以.js
结尾,才能被TypeScript编译器编译Stackblitz更新:https://stackblitz.com/edit/stackblitz-starters-dxgf79?file=src%2Fcontainers%2FNewsItem.tsx