Question

我有渲染功能的代码：

render () {
  return (
    <div className='s-with-fancy-arrow'>
    <select className='city' onChange={this.change} value={this.state.selected}>
    {
      this.state.cities.map(function (city, index) {
        return <option key={'city-list-' + index} value={city.id}>{city.display_name}</option>
      })
    }
    </select>
    </div>
    );
}

在Internet Explorer 10中，它仅像div中的select一样呈现，而select中没有任何选项。

如何解决这个问题？

Answer 1

试试这个

this.state.cities.map(function (city, index) {
        return (<option key={'city-list-' + index} value={city.id}>{city.display_name}</option>)
      })

而不是

this.state.cities.map(function (city, index) {
        return <option key={'city-list-' + index} value={city.id}>{city.display_name}</option>
      })

Answer 2

在代码中进行硬搜索后，我们发现了一个简单的原因：使用fetch和promise而不进行polifill。

使用array.map在React中列出在IE10中不起作用

2 个答案: