Ken428965 2022-10-31 23:43 采纳率: 54.3%
浏览 34
已结题

react,chrome浏览器报错:Uncaught ReferenceError: renderSwipers is not defined

在使用的react版本如下:

img


已写的部分代码:

// ...
function HouseDetail(props) {
  // 数据加载中状态
  const [isloading, setIsloading] = useState(false)
  // 表示房源是否收藏
  const [isfavorite, setIsfavorite] = useState(false)
  // 房屋详情
  const [houseinfo, setHouseinfo] = useState({
      // 房屋图片
      houseImg: [1],
      // 标题
      title: '',
      // 标签
      tags: [],
      // 租金
      price: 0,
      // 房型
      roomType: '',
      // 房屋面积
      size: 0,
      // 朝向
      oriented: [],
      // 楼层
      floor: '',
      // 小区名称
      community: '',
      // 地理位置
      coord: {
        latitude: '39.928033',
        longitude: '116.529466'
      }
  })
// ...
useEffect(()=>{
// ...
// 渲染轮播图结构
  function renderSwipers() {
    const { houseImg } = houseinfo

    return houseImg.map(item => 
      (<Swiper.Item>
        <a  key={item} href="https://www.baidu.com">
          <img src={BASE_URL + item} alt="" />
        </a>
      </Swiper.Item>
    ))
  }
},[])
// ...
return (
// ...
{/* 轮播图 */}
        <div className={styles.slides}>
          {!isloading ? (
            <Swiper indicatorProps={{
            color: 'white',
        }} defaultIndex={0} loop autoplay infinite autoplayInterval={5000}>
              {renderSwipers()}
            </Swiper>
          ) : (
            ''
          )}
        
// ... )

浏览器报错:

img

img


请问代码出了什么问题?请问正确的写法是什么?望在现有代码里举例说明

  • 写回答

1条回答 默认 最新

  • 你好!机器人 2022-11-01 08:32
    关注

    renderSwipers放到useEffect外面出来

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 11月1日
  • 已采纳回答 11月1日
  • 创建了问题 10月31日

悬赏问题

  • ¥20 射频功率问题,解答者有酬谢!
  • ¥80 构建降雨和积水的预测模型
  • ¥15 #Qt Transform setTransform()在鼠标拖动移动视角是一致在原地不动,无法变换视角(细微观察似乎视图有在原地抖动),无法变换视角(细微观察似乎视图有在原地抖动)
  • ¥50 如何利用无人机拍摄的数码照片测量鸟卵的长短径
  • ¥100 github贡献者给与奖励
  • ¥15 使用DS18B20+ESP8266获取温度数据返回-127.00
  • ¥15 odbc代码新增sqlserver数据源
  • ¥15 求一个USB指纹识别的驱动
  • ¥15 wps中工作表与工作表之间怎么汇总信息?
  • ¥50 请教Windows server 2012 R2的DCOM配置问题