javascript - 仅在位置更改时才反应 js 谷歌地图更新标记

Question

我有一个组件显示带有两个标记的谷歌地图。更新相同状态的两种不同形式。我有 4 个字段允许用户编辑两个制造商的纬度和经度。但是现在每次更改字段值时地图都会重新渲染，这使得应用程序在编辑时非常慢

<FormGroup>
                        <FormControl
                            type="decimal"
                            required
                            label="Latitude"
                            placeholder="Latitude"
                            value={latitude}
                            onChange={e => this.onFormChange('latitude', e)}
                        />
                    </FormGroup>
                    <FormGroup>
                        <FormControl
                            type="decimal"
                            required
                            label="Longitude"
                            placeholder="Longitude"
                            value={longitude}
                            onChange={e => this.onFormChange('longitude', e)}
                        />
</FormGroup>

我只想重新渲染坐标，这些值已更改，如果新的道具值与以前不同。是否有生命周期功能可以让我检查？