Ken428965 2022-12-08 00:02 采纳率: 54.3%
浏览 61
已结题

react,获取数据后使用List列表显示出来,列表项共有1220条但只显示出20条?

在使用的react版本如下:

img


已写的代码:


function HouseList() {
    const [list, setList] = useState([])
    const searchHouseList = (value) => {
          API.get('/houses', {
      params: {
        cityId: value,
        ...filters
      }
    }).then(res=>{
    const { list, count } = res.data.body
    setList(list)
    }
  function renderList() {
        return (
      // <>
      <List>
        {list.map((item) => (
          <List.Item 
            key={item.desc}
            prefix={<Image src={BASE_URL + item.houseImg} style={{ borderRadius: 0 }} fit='cover' width={80} height={80}/>} 
            title={item.title}
            description={item.price + '元/月'} 
            onClick={()=>navigate(`/detail/${item.houseCode}`)}
            arrow={false}>
              <div className={styles.desc}>{item.desc}</div>
              <div className={styles.tags}>
                {item.tags.map((tag, index) => {
                  const tagClass = 'tag' + (index + 1)
                  return (
                    <span
                      className={[styles.tag, styles[tagClass]].join(' ')}
                      key={tag}
                    >
                      {tag}
                    </span>
                  )
                })}
              </div>
          </List.Item>
        ))}
      </List>
      // </>
    )
  }
  return (
    <div className={styles.houseItems}>{renderList()}</div>
  )
}

目前的效果是,在后台看到获取到的列表项有1220个,然而界面显示的列表项只有20个

请问代码里有哪些地方写得不对吗?正确的代码写法是什么?请展示代码举例说明。

  • 写回答

2条回答 默认 最新

  • 夜郎king 2022博客之星IT其它领域TOP 12 2022-12-08 08:12
    关注

    可以跟踪一下响应,从后台返回的响应报文中看下响应体有多长大概就知道了。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 12月14日
  • 已采纳回答 12月9日
  • 创建了问题 12月8日

悬赏问题

  • ¥50 基于TwinCAT3实现力传感器的实时读取
  • ¥20 python求解八元一次不定方程,无数解中随机输出几组即可(相关搜索:用python)
  • ¥50 libreoffice导出PPTX到PDF中的错误换行问题
  • ¥15 python实现网页视频下载
  • ¥15 如何通过深度图获得物体的完整、正确点云?
  • ¥15 有没有操作系统适用白丁的经典的书籍,如何解决?(标签-学习)
  • ¥15 Catia V5 R20 64位 安装过程中选择orbix配置创建套接字失败
  • ¥100 C51单片机设计交通灯时出现的问题
  • ¥15 R语言爬虫的时候元素和园代码不一样怎么解决呀
  • ¥15 SQL删除添加数据后序号不连续问题。