response-redux получает объекты с сервера узлов

Question

У меня есть 21 объект в узле, и я хочу, чтобы отображалось только 10, как мне это сделать? Я использую карту, чтобы взять obj что дальше?

код похож на:

const TodoList = ({ todos, onTodoClick }) => (
  <ul>
    {todos.map((todo, index) => (
      <Todo key={index} {...todo} onClick={() => onTodoClick(index)} />
    ))}
  </ul>
)

Answer 1

Используйте slice , чтобы получить диапазон элементов (т. Е. Все элементы с индексом от 0 до 9). Относительно вашего вопроса это будет

const TodoList = ({ todos, onTodoClick }) => (
  <ul>
    {todos.slice(0, 10).map((todo, index) => (
      <Todo key={index} {...todo} onClick={() => onTodoClick(index)} />
    ))}
  </ul>
)