Всем привет, как мне отрендерить массив React компонентов? Есть функция, которая

Question

Всем привет, как мне отрендерить массив React компонентов? Есть функция, которая

формирует массив ячеек
const drawCells: React.FunctionComponent[] = () => {
var x = 0;
var y = 0;
var arrOfCells: React.FunctionComponent[] = [];
for(let i = 0; i < 15; i++){
arrOfCells.push(<div style={{
position: 'absolute',
height: '40px',
width: '40px',
transform: 'rotate(30deg)',
left: `${x+40}`,
top: '0'}}></div>)
}
return arrOfCells;
}
но как вы понимаете тут вскод говорит ошибка. Рендерю путём вставки {drawCells} в разметку

#programming #russian #typescript

0

22.06.2022

8 ответов

19 просмотров

Максим Вольский Автор вопроса

Mikhail Chukhnin
проблема тайпскрипта какая-то имеется в коде?

Две даже) 1 - Type '() => React.FunctionComponent<{}>[]' is not assignable to type 'FunctionComponent<{}>[]' 2 - Argument of type 'Element' is not assignable to parameter of type 'FunctionComponent<{}>'. Type 'ReactElement<any, any>' provides no match for the signature '(props: {}, context?: any): ReactElement<any, any> | null'

0

22.06.2022

Максим Вольский Автор вопроса

ну вообще, насколько я помню, я в своих проектах на чистом жс так делал. Подготавливал элементы в функции и рендерил их

0

22.06.2022

артьом

Может надо вызывать функцию?)

0

22.06.2022

Максим Вольский Автор вопроса

ок, попробую. Просто сейчас запара новый проект создавать у меня) Не знаю сталкивался кто, но npx говорит, что cra установлен глобально, но уже не поддерживается в глобальной установке. Приходится обходными путями создавать проекты блин)

0

22.06.2022

Максим Вольский Автор вопроса

да, но я его изучаю сижу в бою, поэтому хотелось бы его применять для наработки опыта)

0

22.06.2022

Evgen K

функцию типизировать не обязательно, а вот массив надо затипизировать как массив состоящий из ReactChild

0

22.06.2022

Максим Вольский Автор вопроса

Evgen K
функцию типизировать не обязательно, а вот массив ...