css - 锚标记中的 Svg 图标可单击，但在 Microsoft Edge 或 IE 11 中不起作用

Question

我的锚标记中有一个 svg 图标，其中我的 React 应用程序中有一个锚标记的单击事件。我的问题是，当我单击锚标记时，它在边缘和 chrome 中都可以正常工作。但是当我点击 svg 图标时，它在 Chorme 中运行良好，但在 Edge 上运行不正常。

switch (action.type){
            case ToggleActions.NAVBAR_TOGGLE:
                // tslint:disable-next-line:no-console
                console.log('Toggle button is hit' + event.target);
                return{
                ...state,
                toggleState: !state.toggleState,
            };

const mapDispatchToProps = (dispatch: Dispatch) => ({
  setNavBar: () => dispatch(setNavBarToggle()),
});

export default connect(
  null,
  mapDispatchToProps,
)(Sidebar);

<ToggleButton
          onClick={this.props.setNavBar}
          id='navigationPanelButton'
          title={openClosetooltip}
        />

标签： cssreact-tsx