Почему Circle возвращает свой радиус в реагирующих google-картах?

Question

У меня есть приложение реагирования, которое добавляет круг на карту, когда вы нажимаете на карту, радиус по умолчанию равен 20.Каждый раз, когда я добавляю круг, этот радиус отображается нормально, но у всех предыдущих кругов их радиусы возвращаются к .2.Мой рендер в основном:

<MapComponent
    defaultZoom={18}
    defaultCenter={this.props.center}
    onClick={this.props.onMapClick}
>
    {this.props.circles.map((singleCircle) => {
        return <Circle
            center={singleCircle.centerPoint.latLng()}
            radius={singleCircle.radius}
            key={singleCircle.id}
       />
    })}
</MapComponent>

У меня есть console.log() повсюду.Радиус проходит, но компонент не отображает правильный радиус, если это не последнее место.

Answer 1

У меня есть , не знаю, почему , но вот решение:

<Circle
    options={{...someCircleOptions, radius: obstacle.radius}}
    center={singleCircle.centerPoint.latLng()}
    radius={singleCircle.radius}
    key={singleCircle.id}
/>

самый важный бит - radius: obstacle.radius, передаваемый в опору options.ИДК, почему это заменяет radius реквизит.