В блоке WordPress Gutenberg, как я могу создать несколько флажков, используя CheckboxControl в InspectorControls

Question

Я пытаюсь создать пользовательский блок WordPress Gutenberg с несколькими флажками терминов таксономии, получаемых через Rest API. Я могу сделать это с помощью SelectControl. С помощью SelectControl вы можете просто установить множественное значение в true. Я не верю, что CheckboxControl имеет эту опцию. Я хочу сделать это в InspectorControls.

Answer 1

Я могу извлечь термины таксономии из Rest API и создать флажки в const, но не могу установить атрибуты.Я получаю эту ошибку, потому что реквизиты недоступны в const.

Uncaught TypeError: Невозможно прочитать свойство 'setAttributes' из неопределенного

Вот мой код.

const trackCheckboxes = [];
const trackCheckboxTerms = wp.apiFetch({path: "/wp/v2/session_track"}).then(posts => {
    $.each( posts, function( key, val ) {
            trackCheckboxes.push(
                el(CheckboxControl, {
                    key: val.slug,
                    label: val.name,
                    name: 'tracks[]',
                    onChange: function(e){
                        console.log(e);
                        this.props.setAttributes({tracks: val.slug});
                    }
                }),
            );
    });
    return trackCheckboxes;
});

Answer 2

Чтобы иметь несколько флажков, вам понадобится несколько CheckboxControls.Обратитесь к документации для CheckboxControl для его опций.