钉钉 H5微应用中遇到的关于调用接口的问题（react框架）

最新推荐文章于 2024-11-19 10:19:23 发布

原创最新推荐文章于 2024-11-19 10:19:23 发布 · 2.9k 阅读

1 ·

CC 4.0 BY-SA版权

菜鸡日记同时被 3 个专栏收录

44 篇文章

订阅专栏

react

7 篇文章

订阅专栏

钉钉H5微应用

1 篇文章

订阅专栏

本文介绍在开发钉钉H5微应用时遇到的eslint报错问题及两种解决方案：一是通过添加注释禁用eslint检查；二是引入dingtalk-jsapi依赖包，并在页面中正确使用。

最近开发一个钉钉H5微应用，eslint检查在调用钉钉接口时报错
使用：

componentDidMount() {
    dd.biz.navigation.setTitle({
        title : "消息详情",
        onSuccess : function(result) {
            console.log('success')
        },
        onFail : function(err) {
            console.log('fail')
        }
    });
};

报错如下：
'dd' is not defined no-undef

解决如下：
方法一：

componentDidMount() {
        // eslint-disable-next-line
        dd.biz.navigation.setTitle({
            title : "消息详情",
            onSuccess : function(result) {
                console.log('success')
            },
            onFail : function(err) {
                console.log('fail')
            }
        });
    };

加了一条注释，eslint在会跳过检查，就不会报错了。

方法二：
引入依赖包 dingtalk-jsapi
在需要页面导入依赖后需要的地方进行使用。使用方法如下：

 dd.ready(()=>{
    dd.biz.navigation.setTitle({
      title : "消息详情",
      onSuccess : function(result) {},
      onFail : function(err) {}
    });
})
dd.error(function(err){
    alert('dd error: ')
});