我有一个非常简单的 React 应用程序,只有一个选择控件。查看工作应用程序here http://www.webpackbin.com/4JyNOWVpW。选择控件有 3 个值:星期日、星期一和星期二。星期日是默认值。不幸的是,在 IE11 和 Microsoft Edge 上,即使在浏览器刷新后,选择控件也会卡在所选值上!例如,选择星期二,然后刷新浏览器 - 选择框不会返回星期日,它会卡在星期二!在 Chrome 和 Safari 上,我没有看到这个问题。 (注意:您必须在各种浏览器上下载并运行该应用程序。)
主要组件的代码如下所示。知道 IE 和 Edge 行为不端的原因吗?
import React from 'react';
class HelloWorld extends React.Component {
constructor() {
super();
this.state = {
selectedOption: 'sun'
}
}
render() {
let options = [
{ value: 'sun', label: 'Sunday' },
{ value: 'mon', label: 'Monday' },
{ value: 'tue', label: 'Tuesday' }
];
return (
<select
className="form-control"
value={this.state.selectedOption}
onChange={ e => this.setState({selectedOption: e.target.value}) }>
{
options.map(option => {
return <option value={option.value} key={option.value}>{option.label}</option>;
})
}
</select>
);
}
}
export default HelloWorld;
Naresh,你的代码没问题。
Internet Explorer 和 Edge 行为不当,因为它们缓存选择标签。在 Windows 上,按 Ctrl+F5 快捷键进行硬刷新。在 Mac 上,按住 ⌘ Cmd 和 ⇧ Shift 键,然后按 R。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)