React Office UI Fabric - режим hoverCard

Question

Я очень плохо знаком с офисным интерфейсом. Я пытаюсь показать только компактную карту для hoverCard. Я попытался предоставить mode : ExpandingcardMode.compact, но это не работает.

Как мне заставить это работать?

render() 
{
    const expandingCardProps = {
        onRenderCompactCard: this.renderCompactCard,
        mode : ExpandingCardMode.compact,
    };
    return (
        <div>
            <HoverCard
                expandingCardProps={expandingCardProps}
                instantOpenOnClick={true}
                expandedCardOpenDelay={0}
                trapFocus={true}

                openHotKey={KeyCodes.enter}
            >
                <button> new York City</button>
            </HoverCard>
        </div>
    );
}
renderCompactCard = item => {
    return (
        <div >
            In the HoverCard
        </div>
    )
}
</div>
);
};

Answer 1

Из документов:

expandingCardProps: используется вместе с type prop, установленным в HoverCardType.expanding.См. Подробные свойства в ICardProps и IExpandingCardProps.

Если вы также включите тип в HoverCardType.expanding для <HoverCard>, решит ли это вашу проблему?