Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Reactjs链接在IE11上不起作用,但在Edge和其他浏览器上起作用_Javascript_Reactjs_Internet Explorer_Ecmascript 6_Routing - Fatal编程技术网

Javascript Reactjs链接在IE11上不起作用,但在Edge和其他浏览器上起作用

Javascript Reactjs链接在IE11上不起作用,但在Edge和其他浏览器上起作用,javascript,reactjs,internet-explorer,ecmascript-6,routing,Javascript,Reactjs,Internet Explorer,Ecmascript 6,Routing,我有以下代码: 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 ( &

我有以下代码:

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));
正如主题所说,这在IE11上不起作用,但在Edge、Chrome和Firefox上起作用

如果我在F12控制台上检查网络呼叫,我看不到任何移动。因此,在IE11上甚至没有尝试底层url调用

IE的使用正在消失,但目前我仍然有一个支持IE和Edge的官方要求。所以我需要解决这个问题

有什么建议吗

更新

是图标按钮导致了这种情况,如果我移除此按钮:

<IconButton aria-label="My details">

单击按钮可以正常工作

附:这是我之前问题的后续:


React.js这只是现代javascript代码,如果正确配置您的babel,您可以解决您的问题 试着改变一下。为ie 11换一个LRC

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

在按下链接之前,您是否打开了开发人员控制台?IE的一个怪癖是,它只在开发工具打开时才记录日志,这确实是一个常见的陷阱,但我已经经历了足够多的事情:)。我打开并重新加载/重试。IE不支持模板文本。将
`/orders/${order.orderereference}/details1`
更改为
“/orders/”+order.orderereference+“/details1”
@ChrisG:感谢您的输入,但这似乎不是问题所在。见我的更新上面。它与上面的更改一起工作,因此我倾向于已经链接的babel完成它的工作。出于测试目的,只需尝试制作一个示例,并尝试运行此代码可能有助于缩小问题范围,它可以提供一些关于问题原因的想法。我还没有
。babelrc
文件,我确实有一个到
的依赖链接“babel polyfill”:“^6.26.0”
package.json
中。我应该只添加文件还是需要链接?我建议添加此文件
{
  "presets" : [
    ["env", {
      "targets": {
        "browsers": ["last 2 versions", "ie >= 11"]
      }
    }],
    "react",
  ]
}