Reactjs Link在IE11上不起作用，但在Edge和其他瀏覽器上起作用

Question

我有以下代碼：

import { Link } from 'react-router-dom';

import DetailsOneIcon from '@material-ui/icons/ListAlt';
import DetailsTwoIcon from '@material-ui/icons/PlaylistAddCheck';

const OrderItemActions = ({ order, classes }) => {
    return (
        <div>
            <Tooltip title="Details 1 page">
                <IconButton aria-label="My details">
                    <Link to={`/orders/${order.orderReference}/details1`}>
                        <DetailsOneIcon />
                    </Link>
                </IconButton>
            </Tooltip>
            <Tooltip title="Details 2 page">
                <IconButton aria-label="My details 2">
                    <Link to={`/orders/${order.orderReference}/detail2`}>
                        <DetailsTwoIcon />
                    </Link>
                </IconButton>
            </Tooltip>
        </div>
    );
}

const mapStateToProps = (state) => {
    const getWarehouseOrder = warehouseOrder();

    return (state, { order }) => getWarehouseOrder(state, order.orderReference);
}

export default connect(mapStateToProps)(withStyles(styles)(OrderItemActions));

我在這些版本上：

"react": "^16.6.3",
"react-dom": "^16.6.3",
"react-redux": "^5.1.1",
"react-router-dom": "^4.3.1",
"react-router-redux": "^4.0.8",

作為主題說，這不會對IE11的工作，但它的邊緣，Chrome和Firefox瀏覽器。

如果在F12控制台上檢查網絡呼叫，則看不到任何動靜。 因此，甚至不會在IE11上嘗試進行底層url調用。

IE的使用正在逐漸消失，但是目前我仍然對支持IE和Edge有正式的要求。 所以我需要解決這個問題。

有指針嗎？

UPDATE

如果刪除此圖標，則是由IconButton引起的：

<IconButton aria-label="My details">

單擊按鈕可以正常工作。

PS：這是我先前的問題的跟進：

用參數鏈接到路線的正確方法是什么？

Answer 1

React.js只是現代的javascript代碼，如果正確配置babel嘗試將.babelrc更改為ie 11，則可以解決您的問題

{
  "presets" : [
    ["env", {
      "targets": {
        "browsers": ["last 2 versions", "ie >= 11"]
      }
    }],
    "react",
  ]
}