javascript - 组件在 Next.js/React 项目中没有返回错误
问题描述
我有一个使用 Nextjs/React 和 Emotion 构建的图像滑块组件。
我觉得我已经做好了一切!但是我仍然遇到古老的错误......
Error: ImageSliderContainer(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.
这是组件...
import ReactDOM from "react-dom";
import ImageSlider from "./ImageSlider";
const images = [
"https://images.unsplash.com/photo-1449034446853-66c86144b0ad?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2100&q=80",
"https://images.unsplash.com/photo-1470341223622-1019832be824?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2288&q=80",
"https://images.unsplash.com/photo-1448630360428-65456885c650?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2094&q=80",
"https://images.unsplash.com/photo-1534161308652-fdfcf10f62c4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2174&q=80",
];
const ImageSliderContainer = () => {
<ImageSlider slides={images} />;
};
export default ImageSliderContainer;
如果您需要查看其他组件,请在评论中告诉我。我真的希望这只是我想念的愚蠢的东西。
谢谢!
解决方案
错误即将到来,因为您没有返回任何东西。只需将其替换为:
const ImageSliderContainer = () => {
return <ImageSlider slides={images} />;
};
推荐阅读
- python - 取一行数据框,加起来为给定值
- react-native - 如何使用 react-native-navigation 集成谷歌地图
- azure - 将身份本地 sql 迁移到 azure 上的现有数据库
- javascript - 等待几个ajax完成,但是ajax函数是动态调用的
- r - R Shiny 操作数据表
- html - 超链接位于字体真棒图标下方。如何将其置于内联?
- android - Android NDK Sensor 向事件队列报告奇怪的时间间隔
- javascript - 图片标签防止 DOM 操作?
- python - 为什么测试比训练需要更长的时间?
- android - 到 nginx 的 SSL 套接字连接在某些 android 和 ios 设备上不起作用