首页 > 解决方案 > 仅获取前 x 个元素 JavaScript / React

问题描述

我正在练习获取数据,我想到了一种情况。有什么选择可以让我们先说 50 个元素而不是 n?

const [data, setData] = useState([]);

useEffect(() => {
    axios
        .get("https://jsonplaceholder.typicode.com/posts")
        .catch(err => console.log(err))
        .then(response => setData(response.data));
}, []);

例如,我从https://jsonplaceholder.typicode.com/posts获取数据(使用 axios 库),默认返回 100 个元素。如果我只想要前 50 个呢?

但我不想获取所有 100 个然后过滤结果。

标签: reactjsaxiosfetch

解决方案


如果您为 axios 创建配置并指定参数:{ _limit: x 我想要的元素数},那么您将只收到 x

const api = axios({
    method: "get",
    url: "https://jsonplaceholder.typicode.com/posts",
    params: {
        _limit: 6,
    },
});

推荐阅读