В TypeScript вы можете создать массив элементов React, используя различные методы. Вот несколько примеров:
-
Метод 1: использование синтаксиса JSX
import React from 'react'; const elements: JSX.Element[] = [ <div key="1">Element 1</div>, <div key="2">Element 2</div>, <div key="3">Element 3</div>, ]; -
Метод 2: использование React.createElement()
import React from 'react'; const elements: React.ReactElement[] = [ React.createElement('div', { key: '1' }, 'Element 1'), React.createElement('div', { key: '2' }, 'Element 2'), React.createElement('div', { key: '3' }, 'Element 3'), ]; -
Метод 3. Использование компонента
import React from 'react'; interface ElementProps { key: string; text: string; } const Element: React.FC<ElementProps> = ({ key, text }) => ( <div key={key}>{text}</div> ); const elements: React.ReactElement[] = [ <Element key="1" text="Element 1" />, <Element key="2" text="Element 2" />, <Element key="3" text="Element 3" />, ];
Это всего лишь несколько примеров того, как можно создать массив элементов React в TypeScript. В зависимости от ваших требований и структуры ваших компонентов вы можете выбрать метод, который лучше всего соответствует вашим потребностям.