0

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

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

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

<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

1 ответ 1

1

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

4
  • const [addFieldArray, setAddFieldArray] = useState<React.ReactNode>([])
    – Chilik
    Commented 24 апр. 2021 в 14:51
  • У вас useState хранит не массив, а 1 элемент типа React.ReactNode. Если подразумевается, что у вас будет в стейте массив нод, то тип надо указывать <React.ReactNode []> или <Array<React.ReactNode>>
    – xydope
    Commented 24 апр. 2021 в 15:46
  • да, это я тоже пробовала тогда появляется другая ошибка в записи ``` setAddFieldArray(<Table dataSource={dataSource} columns={columns} showHeader={false} />) ``` на компонент таблицы : Аргумент типа "Element" нельзя назначить параметру типа "SetStateAction<ReactNode[]>". Тип "Element" не может быть назначен для типа "(prevState: ReactNode[]) => ReactNode[]". Тип "Element" не предоставляет соответствия для сигнатуры "(prevState: ReactNode[]): ReactNode[]".
    – Chilik
    Commented 24 апр. 2021 в 16:02
  • 1
    setAddFieldArray должен принимать МАССИВ, члены которого имеют тип React.ReactNode, вы же просто передаете элемент с типом React.ReactNode
    – xydope
    Commented 24 апр. 2021 в 16:52

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.