前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Typescript: Access window object with type check

Typescript: Access window object with type check

作者头像
szhshp
发布2022-09-21 10:28:04
1880
发布2022-09-21 10:28:04
举报
文章被收录于专栏:szhshp 的第四边境中转站

Backgrounds

代码语言:javascript
复制
"typescript": "3.7.2"

Our Requirements

We have an external html provide window.configs.

We may need to access window object in typescript to get config properties, and do validation before initial async request.

windowConfig.tsx :

代码语言:javascript
复制
interface iConfig extends Window {
  config: {
    username: string,
    server: string,
    port: number,
  }
}

declare var window: iConfig;

export const windowConfig = window;

index.tsx :

代码语言:javascript
复制
import { windowConfig } from './windowConfig';

/* use windowConfig as 'window' */

Alternative Solution

代码语言:javascript
复制
import { useEffect } from 'react';

/* Add declaration for window.AMap */
declare let AMap;

export default function Map() {
  let map;

  useEffect(() => {
    /* Directly use AMap */
    map = new AMap.Map(`container`, {
      zoom: 10,
    });
  }, []);

  return (
    /* ... */
  );
}
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-11-15,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Backgrounds
  • Our Requirements
  • Alternative Solution
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档