Как создать динамически изменяющуюся таблицу с помощью NextUI? ⇐ CSS

[Anonymous]

Поэтому у меня нет проблем с отображением таблицы с использованием массивов и тому подобного. Моя проблема в том, что у меня есть пользовательский ввод вес, на который я хочу повлиять на элемент таблицы дозировка. Проблема в том, что я думаю, что NextUI отображает таблицу только один раз, поэтому, если < code>вес изменяется после выполнения, это не влияет на дозировку.

//..в data.ts экспортировать константные столбцы = [ { uid: "имя", имя: "ИМЯ", }, { uid: "доза", название: «ДОЗИРОВКА», }, { uid: "теги", бейджи", }, { uid: "dosageForm", наименование: «ЛЕКАРСТВЕННАЯ ФОРМА», }, ]; тип экспорта medForm = "Оральный" | «Инъекционный»; тип экспорта medTags = | «Для собак» | «Для кошек» | "Сх" | "Тх" | "Боль" | "Антибиотик" | "Стероидный препарат"; экспортировать константные лекарства: Med[] = [ { идентификатор: 1, дозировка: 0,03, название: «Мелоксикам», тэги: ["Для собак", "Для кошек", "Боль", "Sx"], Форма дозировки: «Оральный», }, ... и т. д //.. в page.tsx «использовать клиент» //импорт.. тип User = (тип лекарства)[0]; экспортировать функцию по умолчанию Home() { const renderCell = React.useCallback( (пользователь: Пользователь, columnsKey: React.Key) => { const cellValue = user[columnKey as keyof User]; переключатель (columnKey) { случай «имя»: возвращаться ( {cellValue
); случай «дозировка»: возвращаться (
{Number(cellValue) * Number(weight)} // должно меняться динамически, если я жестко запрограммирую вес, например, равный 5, дозировка останется cellValue * 5
); } }, [масса] ); возвращаться ( {(столбец) => ( {column.name} )} {(элемент) => ( {(columnKey) => ( {renderCell(item,columnKey) )} )} ) }