Question

我创建了一个底部占位符，其中包含一个Callout组件。

这些组件在Chrome和FF中外观和工作正常，但甚至在IE和Edge中也无法呈现：

这是chrome和ff的外观： FF - Chrome

这是IE显示的内容（包括edge和ie 11）： IE

在控制台中，我可以看到该组件甚至没有呈现为HTML。 div ms-textAlignCenter应该包含以下组件： IE DOM

发生了什么事？

代码是这样的：

<div className="ms-Grid-col ms-sm12 ms-md4 ms-lg3">
    <div className="ms-textAlignCenter" ref={this._menuButtonElement}>
        {this.state.current != null ?
            <span id="toggleCallout" className={styles.buttonCallout} onClick={this._onShowMenuClicked}>
                <img src={this.state.current.icon}></img> {this.state.current.name}
                <span className="ms-Icon ms-Icon--ChevronDownMed verChevronIcon"></span>
            </span>
            : null
        }
    </div>
</div>

有什么想法为什么会这样？

最诚挚的问候

美国

Fabric UI组件未在IE中显示

0 个答案: