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

Question

我的锚标签中有一个svg图标，在我的React应用程序中有一个锚事件的click事件。我的问题就像当我单击锚标签时，它在边缘和镶边上都可以正常工作。但是，当我单击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}
        />