首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Typescript: Access window object with type check

Typescript: Access window object with type check

作者头像
szhshp
发布于 2022-09-21 10:28:04
发布于 2022-09-21 10:28:04
3600
举报

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 删除
目录
  • Backgrounds
  • Our Requirements
  • Alternative Solution
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档