Javascript 在react传单中的悬停层上显示弹出窗口

我试图在react传单中的悬停层上显示弹出窗口。我使用GeoJson渲染地图上的所有图层，并使用onEachFeature（）在悬停图层上显示弹出窗口。然而，当我将鼠标移动到一个层中时，弹出窗口并没有显示出来。它只在点击时显示。这是我的代码和地图（图层用蓝色表示）

从“react传单”导入{MapContainer、TileLayer、Marker、Popup、GeoJSON}；
导入“./index.css”
从“React”导入React，{useffect，useState}；
导入“传单/目录/传单.css”；
从“../common/Header”导入标头
从“react传单pixi overlay”导入{PixiOverlay}；
从“../../data/tinh.json”导入*作为Polygonda；
从“axios”导入axios
从“../../services”导入*作为请求；
导出默认函数Home（）{
//const[display，setDisplay]=useState（false）；
//const[options，setOptions]=useState（[]）；
//const[search，setSearch]=useState（“”）；
//悬停时显示弹出窗口的功能
const onEachContry=（特征、图层）=>{
const controlyname=feature.properties.NAME_1；
层上（'mouseover'，函数（e）{
layer.bindPopup（contryName）
});
}
返回(

---

您只需调用

openPopup（）

方法，这样当您悬停时弹出窗口就会打开

//function to show popup when hover
const onEachContry = (feature, layer) =>{
  const contryName = feature.properties.NAME_1;   
  layer.on('mouseover', function (e) {
    layer.bindPopup(contryName).openPopup(); // here add openPopup()
  });
}

---

您只需调用

openPopup（）

方法，这样当您悬停时弹出窗口就会打开

//function to show popup when hover
const onEachContry = (feature, layer) =>{
  const contryName = feature.properties.NAME_1;   
  layer.on('mouseover', function (e) {
    layer.bindPopup(contryName).openPopup(); // here add openPopup()
  });
}

---

它很有效！我非常感谢你对我的项目的帮助！欢迎你。如果你有特权，请把答案也投票给我。我还有一个关于图层颜色的问题。如何禁用图层边框颜色。我尝试将颜色和填充颜色设置为“无”。但是当我这样做时，函数onEachContry不起作用。你可以找到相关的文档。Setlayer.setStyle（）将ode>color转换为

false

我尝试将fillColor和Color都设置为“false”，但图层仍然有颜色。这很有效！我非常感谢您对我的项目的帮助！不客气。如果您有特权，请更新投票。我对图层颜色也有问题。如何禁用图层边框颜色。我尝试将Color和fillColor设置为“none”。但是当我这样做时，函数OneContry不起作用。你可以找到相关的文档。使用

layer.setStyle（）

将

color

设置为

false

，我尝试将fillColor和color都设置为'false'，但层仍然有颜色。