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",
]
}