Polyline 组件数组 重绘时未完全清除上一次绘制的线条

[crcrcry]

react-amap version

• react-amap 1.0.2

OS/Browers version

• macOS Sierra 10.12.5
• Chrome 版本 60.0.3112.90（正式版本） （64 位）

Reproduction Link

• 因为一些原因不方便贴链接，直接放代码和截图好了

Steps to reproduce

• 同上

Code

export default class MapArea extends Component {
  constructor(){
    super();

    this.mapPlugins = ['ToolBar'];
    this.mapEvents = {
      click: (e) => {
        this.props.changePosition(e.lnglat);
      }
    }
  }

  render(){
    const polylineArr = this.props.roads.map((item, index) => {
      return(
        <Polyline
          key={`polyline${index}`}
          path={[{
              longitude:item.coordinates[0][0],
              latitude: item.coordinates[0][1],
            }, {
              longitude:item.coordinates[1][0],
              latitude: item.coordinates[1][1],
            }]}
          style={{strokeColor: '#f00', strokeOpacity: 0.5+0.5*Number.parseFloat(item.probability), strokeWeight: 7}}
        />
      )
    });

    return (
      <div>
        <div style={style.mapArea}>
          <Map plugins={this.mapPlugins} center={this.props.position} events={this.mapEvents} zoom={17}>
            <Marker
              position={this.props.position}
            />
            {polylineArr}
          </Map>
        </div>
      </div>
    )
  }
}

What is Expected?

• 一个 react-amap，在上面画一些线条
• 上一轮查询 this.props.roads.length = 16，画出 16 条线
• 本轮查询 this.props.roads.length = 1，画出 1 条线，同时清除掉上一轮的 16 条线。

What is actually happening?

• 上一轮的 16 条线只有第 1 条被清除且重绘了，其他 15 条没有被清除，仍在地图上。

Screenshot

上一轮查询，ui + 控制台

本轮查询，ui + 控制台

[crcrcry]

多测试了几次发现：如果新的 polyline 数组没有老的数组长，那老的数组长出来的那部分线条则不会重绘，仍然留在地图上。

[ioslh]

很抱歉，确实是个 bug，今天会发个新版本修复这个问题。

[ioslh]

你好，更新 1.0.3 版本修复了这个问题。

[crcrcry]

非常感谢，饿了么大前端很赞