Для передачи параметров через Get нужно было собрать строку из выбранных значений Checkbox. В проекте использовал Checkbox из Fluent UI, но подход аналогичный для другого компонента. Собственно, здесь даже не про React, а про TypeScript.
Задача. Есть массив объектов. Надо сформировать строку из элементов, которые были выбраны чекбоксами. Описание контрола и интерфейса доступно на странице https://developer.microsoft.com/en-us/fluentui#/controls/web/checkbox
В результате 2 итераций функцию сократил до 1 строки
const MakeCategoryStr = (newCats:ICheckboxProps[]):string => { return newCats.filter(x => x.checked).map(x=>x.title).join(',') }
Полный пример кода и результат:
export interface ICheckboxProps { title: string, checked: boolean } …. const items:ICheckboxProps[] = [ {checked: true, title: 'Films'}, {checked: false, title: 'Music'}, {checked: true, title: 'Theater'}, {checked: true, title: 'Sport'}, ] const MakeCategoryStr = (newCats:ICheckboxProps[]):string => { return newCats.filter(x => x.checked).map(x=>x.title).join(',') } console.log(MakeCategoryStr(items))
Результат: Films,Theater,Sport