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

@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.

@jeromy_ruecker 

После этого компонент MyComponent должен вернуться как JSX-элемент.

Вы также должны импортировать компонент MyComponent из файла, где он определен, чтобы использовать его в вашем приложении.

Например, если ваш компонент находится в файле MyComponent.js, вы можете использовать его в другом файле таким образом:

1 2 3 4 5

import React from 'react'; import MyComponent from './MyComponent.js';

function App() { return ( ); }

export default App;

В этом примере компонент App импортирует компонент MyComponent из файла MyComponent.js и использует его в своем JSX.