Javascript 在地图的左上角用大括号标出传单
当地图太远时,我可以在缩放窗格附近使用大括号和符号。我怎样才能摆脱它们 p、 美国提供了一些代码 p、 s.2-当我添加如下条件时 {condition1&&condition2&&它向我显示括号和零。如何使用离开条件来避免它Javascript 在地图的左上角用大括号标出传单,javascript,reactjs,leaflet,react-leaflet,Javascript,Reactjs,Leaflet,React Leaflet,当地图太远时,我可以在缩放窗格附近使用大括号和符号。我怎样才能摆脱它们 p、 美国提供了一些代码 p、 s.2-当我添加如下条件时 {condition1&&condition2&&它向我显示括号和零。如何使用离开条件来避免它 return ( <LeafMap preferCanvas={true} ref={mapRef} zoom={zoom} center={[deviceCoordinatesLat, d
return (
<LeafMap
preferCanvas={true}
ref={mapRef}
zoom={zoom}
center={[deviceCoordinatesLat, deviceCoordinatesLong]}>
<TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
attribution="© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors"/>
{condition1 && condition2 &&
<Control position="topright">
<div className="notification-circle">
<img src={notificationRedCircle}/>
<p>{countOfCondition2}</p>
</div>
</Control>}
{markers.map(item => (
<Marker
className={item.id}
key={item.id}
position={[item.coordinates[0], item.coordinates[1]]}
icon={
new L.Icon({
iconUrl: require('../../../frontend/src/images/map/1.png'),
iconSize: new L.Point(15, 15),
})
}
>
</Marker>
))}
</LeafMap>
)
};
export default Map
返回(
{condition1&&condition2&&
{countOfCondition2}
}
{markers.map(项=>(
))}
)
};
导出默认映射
这是一个很奇怪的问题,但它可能存在于使用多个{
和}
嵌套的情况下。因此,解决这一问题的一种可能方法是在JSX之外评估您的条件,然后在其中放入一个值
让我们来试一试:
const conditionEval=condition1&&condition2;
返回(
...
{conditionEval&&
{countOfCondition2}
}
...
)
多亏了@SMAKSS,我开始重新检查我的所有代码,发现:
-我的条件没有计算为布尔值-这就是为什么有0
-我在代码中输入了一个多余的括号
谢谢大家的努力 你能展示你的代码吗?因为它们将来自it@developer没什么,当然。只有当互动程序尚未加载时,我才能看到这些大括号-在缩放时,当我缩放到最小值时-没有互动程序,因此我可以看到这一点。这可能来自页面中的另一个组件,您有其他组件吗?@smaks您是对的。如果它是我使用的条件,我不知道如何正确使用它…@death-fry避免这种情况的可能方法之一是在
返回
之外评估条件。