Как сделать свойство объекта с определенным типом в TypeScript?

Question

Используя KendoReact в веб-части SPFx, мне нужно заполнить строку следующим образом:

<GridColumn field={column.field} key={index} title={column.title} width={column.width}
        filter={column.filter}   />;

Таким образом, подача {field: "Title", title: "Pr-Job"} в порядке, так как field и название определяется как "(JSX attribute) GridColumnProps.title?: string"

, но фильтр выдает мне ошибку, потому что фильтр определяется как "(JSX attribute) GridColumnProps.filter?: "boolean" | "date" | "numeric" | "text" "

, что я могу сделать в строке

   filter={????column.filter ??} //What should the syntax be?

чтобы заставить его принять значение свойства?

Заранее спасибо

Answer 1

Если вы не можете изменить тип column.filter, возможный обходной путь - использовать оператор as . Вы не можете использовать утверждение типа <type> с jsx.

   filter={column.filter as any}