При нажатии на кнопку добавлять на страницу компонент Таблицы, React TypeScript

введите сюда описание изображения

При нажатии на кнопку "+Поле" снизу данной таблицы должна появляться еще одна такая же

Вот код таблицы и кнопки :

<div>
  <Table dataSource={dataSource} columns={columns} showHeader={false} />
</div>
<Button onClick={() => addField()}>+Поле</Button>

Вот функция, которую я написала :

const addField = () => {
    setAddFieldArray(<Table dataSource={dataSource} columns={columns} showHeader={false} />)
    return addFieldArray?.map(elem => elem)
  }

Но тут vs code мне выдает следующую ошибку :

"Свойство "map" не существует в типе "boolean | ReactChild | ReactFragment | ReactPortal". Свойство "map" не существует в типе "string"."

Как исправить это?


Ответы (1 шт):

Автор решения: xydope

Вам TS говорит, что вы вызываете метод map у типа, в котором данного метода нет. Вы либо неправильно определили тип addFieldArray, либо обращаетесь не к той переменной.

→ Ссылка