javascript - 给定lodash图，如何限制结果或切片的数量？

Question

我有以下内容:

import itemsMap from '../libs/items-map';
const _ = require('lodash');
const options = {};

_.map(itemsMap, (item, key) => {
  options[key] = key;
});

然后我在 React 中输出如下:

  {
    _.map(itemsMap, (item, key) => (
        {key}
      />
    ))
  }

这当前输出整个项目列表，我只想输出 5..我厌倦了像这样使用切片:

  {
    _.map(itemsMap.slice(2), (item, key) => (
        {key}
      />
    ))
  }

这会导致类型错误:.default.slice 不是函数

如何限制结果？

Answer 1

无论什么加载器/ bundler 正在解决您的 import没有暴露itemsMap作为一个数组。您可能需要使用require语法类似于下面的两行。

此外，自从 key在你的 return 语句中，它被括在大括号中，但没有 jsx 标签，它被解析为一个对象，并且不渲染任何内容。看看 this codepen 上会发生什么当您删除<span>时左右{key} .

对于你原来的问题，限制lodash中的项目的惯用方法是使用 lodash.take像这样:


_.map(_.take(itemsMap, 2), (item, key) => ( … ))