如果您使用的是React,您可以使用useState和useEffect钩子来解决这个问题。
const [objList, setObjList] = useState([]);
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]);
};
return (
{objList.map(obj => (
{obj.property1}
{obj.property2}
{obj.property3}
))}
{ objList.length === 0 ? null :
}
);
以上是一个简单的解决方案,您可以根据实际情况进行调整。
下一篇:API中的分页和列表问题