Блог

Похоже, что наблюдаемое свойство «видимый» обрабатывается специально и фактически скрывает компонент, если он имеет значение false или не установлен. Я пытаюсь переключить его с помощью чего-то вроде следующего:

 class ShowMessageButton extends Component {                
    showTheInfo() {
        this.secretMsg.visible = true;
    }
    
    bdElements() {
        return e.div(
            {bdAdvise: {click: 'showTheInfo'}},
            'Click Me to see the Secret Message',
            e(SecretMessage, {bdAttach: 'secretMsg'})
        );
    }
}

class SecretMessage extends Component.withWatchables('visible') {
    bdElements() {
        return e.div({}, 'You clicked! The secret message is "abracadabra"')
    }
}
 

Код в showTheInfo() -это то, что я бы использовал для установки любого другого наблюдаемого свойства в SecretMessage, но, похоже, он не меняется visible . Что с этим такое? Нужна ли мне какая-то bdReflect настройка в SecretMessage?

Видимое действительно является предопределенным свойством; см. https://backdraftjs.org/docs.html#bd-core.classes.Компонент.видимый