微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

反应传单 GeoJSON `onClick`

如何解决反应传单 GeoJSON `onClick`

// ==UserScript== // @name Bol order finder // @namespace http://tampermonkey.net/ // @version 0.1 // @description try to take over the world! // @author You // @include https://partner.bol.com/sdd/outbound-orders/open/FBR?order=* // @grant none // @require http://code.jquery.com/jquery-3.4.1.min.js // ==/UserScript== (function() { 'use strict'; setTimeout(() => { //Take orderId from query params let orderArray = window.location.search.split('?')[1].split('='); //Insert queryparams into input $($('[data-test=search-Box]')[0].shadowRoot).find('input').val(orderArray[1]); //Focus the element $($('[data-test=search-Box]')[0].shadowRoot).find('input').focus(); setTimeout(() => { var ev = new CustomEvent('input'); //Trigger input so angular kNows the content has changed. $($('[data-test=search-Box]')[0].shadowRoot).find('input')[0].dispatchEvent(ev); setTimeout(() => { ev = new CustomEvent('keypress'); ev.which = ev.keyCode = 13; //Trigger enter on input field $($('[data-test=search-Box]')[0].shadowRoot).find('input')[0].dispatchEvent(ev); },1000) },1000); },4000); })(); 组件似乎没有 GeoJSON 处理程序,对组件来说是全局的。 如果添加 onClick,它会起作用,但 TypeScript 会触发错误

示例代码

onClick

顺便说一下,同样的问题适用于 import { GeoJSON } from "react-leaflet"; const MyComponent = () => ( <GeoJSON key={id} onClick={console.log} data={geometry} /> ) ,似乎没有一种方法可以拥有全局样式。 也许我应该使用 style添加包装器 ref 不起作用。

如何为 div 组件设置全局 onClick 处理程序?

版本:GeoJSON

解决方法

我一提出问题就找到了答案:它是onclick,小写,而不是onClick。这不是通常的 onClick 道具。

但是我找不到任何明确的文档。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。