API中的对象没有在不点击“加载更多”按钮的情况下渲染
创始人
2024-09-08 18:30:51
0

如果您使用的是React,您可以使用useState和useEffect钩子来解决这个问题。

  1. 在组件的状态中添加一个数组来容纳从API中获取的对象列表。
const [objList, setObjList] = useState([]);
  1. 使用useEffect钩子与空依赖项来设置初始API调用和每次点击“加载更多”按钮后的每次调用。您将通过在函数中调用API获取对象列表,然后将其存储在状态中来实现这一点。在每个调用中,您都需要更新列表状态。
useEffect(() => {
  const fetchObjList = async () => {
    const response = await fetch('your_api_url');
    const data = await response.json();
    setObjList(data);
  };
  fetchObjList();
}, []);

const handleLoadMore = async () => {
  const response = await fetch('your_api_url');
  const data = await response.json();
  setObjList(prevState => [...prevState, ...data]);
};
  1. 渲染步骤将包含Map()映射状态数组,并检查是否应该突出显示“加载更多”按钮。
return (
  
{objList.map(obj => (

{obj.property1}

{obj.property2}

{obj.property3}

))} { objList.length === 0 ? null : }
);

以上是一个简单的解决方案,您可以根据实际情况进行调整。

相关内容

热门资讯

交流学习经验!德扑输赢概率计算... 1、交流学习经验!德扑输赢概率计算器(wEPOKE)的确是真的有挂(辅助该)技巧教程(有挂透视)-哔...
一起来讨论!德扑之星ai代打(... WePoker透视辅助工具核心要点解析‌,一起来讨论!德扑之星ai代打(透视)的确真的有挂(详细教程...
揭秘一下(aAPOKER)外挂... 揭秘一下(aAPOKER)外挂透明挂辅助工具(辅助透视)详细教程((2021已更新))(哔哩哔哩)准...
5分钟了解(WPK工具)外挂辅... 1、5分钟了解(WPK工具)外挂辅助挂(辅助挂)其实真的有挂(2020已更新)(哔哩哔哩);详细教程...
技术分享!轰趴大菠萝十三水辅助... 技术分享!轰趴大菠萝十三水辅助(Wepoke实测)竟然真的有挂(辅助该)详细教程(有挂神器)-哔哩哔...
一分钟了解(德州免费)外挂透明... 德州免费透视辅助版本稳定性对比与推荐‌:一分钟了解(德州免费)外挂透明挂辅助挂(透视辅助)详细教程(...
避坑细节!红龙扑克都是机器人(... 避坑细节!红龙扑克都是机器人(辅助挂)其实是真的有挂(详细教程)(有挂攻略)-哔哩哔哩;红龙扑克都是...
科普(线上wpk德州)外挂辅助... 科普(线上wpk德州)外挂辅助机制(透视)确实是真的有挂(2021已更新)(哔哩哔哩)相信很多朋友都...
重大来袭(pokerworld... 重大来袭(pokerworld软件)外挂透明挂辅助机制(辅助透视)详细教程((2024已更新))(哔...
教学盘点!德州之星辅助(透视)... 教学盘点!德州之星辅助(透视)其实真的有挂(详细教程)(有挂总结)-哔哩哔哩1、很好的工具软件,可以...