javascript - 如何将隐藏属性 "draggable"传递给我的组件？

Question

我有一个可用的这里 map ，现在我正在尝试向 map 添加可拖动标记。

注意:我正在使用我公司制作的包/模块。它是here api的React友好包，特别是mapsjs-core.js和mapsjs-service.js。这允许我渲染 <PlainMap/>组件，我可以在其中传递要渲染的 map 的宽度和高度等 Prop 。作为此 <PlainMap> 的子组件我可以传递类似 <Marker> 的内容或<Polygon> .

现在这个<Marker>有这些 Prop

position: H.geo.IPoint | H.geo.IPoint[];
icon?: React.ReactElement<any>;
eventListenerMap?: {};

我引用了 documentation 中的官方操作示例。但我没有任何可以传递给 <Marker> 的 Prop 或标志。使其可拖动(请参阅上面链接的第 28 行)。

所有事件(如点击、pointerenter、pointerleave)对我来说都可以正常工作，但拖动则不行，因为(至少我是这么认为)我必须使标记可拖动。 event-types .

我很想将这个可拖动对象传递给我的标记，但我只是不知道该怎么做。

是否有可能以某种方式实现这一目标？

也许要包装这个 ` 组件并添加一个新属性，例如“draggable”，然后在使用该组件时将其设置为 true ？像这样的事情:

<Marker 
   key={index} 
   position={point} 
   eventListenerMap={this.markerEventHandlers}
   draggable={true}
/>

Answer 1

自 <Marker>是您公司的私有(private)/自定义 React 组件，包含在此处的 Marker 中JS 类/实例，您必须添加 draggable prop 到组件(就像上面所做的那样)，然后更新组件的实现以设置 HERE 的 Marker 实例的可拖动属性，如下所示: marker.draggable = this.props.draggable .