TS+React+Bmap drawingManager setDrawingMode

最新推荐文章于 2024-11-05 13:03:50 发布

慢三步上篮

最新推荐文章于 2024-11-05 13:03:50 发布

阅读量1.3k

点赞数 3

分类专栏：前端文章标签： typescript 前端经验分享 react

本文链接：https://blog.youkuaiyun.com/weixin_45725653/article/details/123994714

版权

前端专栏收录该内容

18 篇文章

订阅专栏

博客讲述了作者在使用React开发时遇到的一个问题，即在地图组件中，按钮点击事件绑定的函数无法正常工作，因为该函数带有参数。作者怀疑在技术栈的限制下，onClick事件处理函数可能不支持传参。为了解决这个问题，作者采取了一个简单的中转函数策略，通过创建一个新的无参函数drawPolygon，间接调用了原本的draw函数并传递了参数，成功解决了问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

欢迎来到知道解决方法巨简单、解决方法却巨冷门频道。

问题是：
<Button type="primary" onClick={this.draw("polygon")}>多边形</Button>
我这段代码不报错，但是在地图上显示出来点击一直没有反应！意思就是没用的。找了很多个解决方法，最后我认为是不是在技术栈的前提下，onClick里面的函数不能带参数啊？到现在我也不敢确定，但是我就着这个思路解决了问题。

解决方法：目的是使onClick里面的函数不带参（其实很简单）

就是增加一个中转函数。

drawPolygon=() =>{
  this.draw('polygon');
};


//draw函数是前面写好的，我也放出来吧
  draw = (type:any) => {
    console.log("type",type);

    if (this.state.drawingManager !=null) {

      this.state.drawingManager.open();
      this.state.drawingManager.setDrawingMode(type);

    }
  };

<Button type="primary" onClick={this.drawPolygon}>多边形</Button>

这个问题困扰了我两天了pop