javascript - 反应传单 GeoJSON `onClick`
问题描述
GeoJSON
components 似乎没有一个onClick
处理程序,对组件来说是全局的。如果添加onClick
,它会起作用,但 TypeScript 会触发错误。
示例代码:
import { GeoJSON } from "react-leaflet";
const MyComponent = () => (
<GeoJSON
key={id}
onClick={console.log}
data={geometry}
/>
)
顺便说一句,同样的问题也适用style
,似乎没有办法拥有全局风格。也许我应该使用ref
? 添加包装器div
不起作用。
如何为组件设置全局onClick
处理程序GeoJSON
?
版本:react-leaflet@2.7.0
解决方案
我一问问题就找到了答案:是onclick
,小写,不是onClick
。这不是通常的onClick
道具。
但是,我找不到任何明确的文档。
推荐阅读
- python - pelican 文档中的 pelican 函数部分在哪里?
- docker - what is the correct way to update a docker image
- swiftui - 使用 SwiftUI+Combine 的数据库延迟加载
- python - 如何使用合并单元格中的熊猫将excel列数据提取到python列表中
- reactjs - ReactJS 中的函数式组件和 useState()
- javascript - 画布旋转图像大于原始图像
- ios - FirebaseMessaging 回调(onMessage、onResume、onLaunch)不会仅针对物理 iOS 设备调用
- javascript - 创建一个带有 json 响应的 html 表
- if-statement - 基于 PHP if 语句分配字符串
- node.js - Nodejs修复[对象承诺]