Как вернуть массив из функции в react?

Пользователь

от jeromy_ruecker , в категории: JavaScript , 7 месяцев назад

Как вернуть массив из функции в react?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от marlen , 7 месяцев назад

@jeromy_ruecker 

Чтобы вернуть массив из функции в React, можно использовать ключевое слово return внутри функции, а затем вызвать эту функцию внутри компонента React и использовать возвращаемый массив в JSX.


Например, вот простой компонент React, который возвращает массив чисел, сгенерированных случайным образом:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
import React from 'react';

function getRandomNumbersArray() {
  const numbers = [];
  for (let i = 0; i < 10; i++) {
    numbers.push(Math.floor(Math.random() * 100));
  }
  return numbers;
}

function MyComponent() {
  const randomNumbers = getRandomNumbersArray();
  return (
    <div>
      <h2>Random Numbers:</h2>
      <ul>
        {randomNumbers.map(number => (
          <li key={number}>{number}</li>
        ))}
      </ul>
    </div>
  );
}

export default MyComponent;


В этом примере мы определяем функцию getRandomNumbersArray, которая создает и возвращает массив случайных чисел. Затем мы вызываем эту функцию внутри компонента MyComponent и используем возвращаемый массив чисел для создания списка <li> элементов в JSX.