时间戳

首页 > 解决方案 > 在 React 中导入 TypeScript 变量

reactjs - 在 React 中导入 TypeScript 变量

问题描述

我正在尝试将织物 js 组件（下拉）样式化（样式化组件）作为反应组件。

css 类名称在文件 office-ui-fabric-react/lib/components/Dropdown/Dropdown.scss.d.ts 中声明。例子：

export declare const root = "root_15a7b352";

我想导入这个类名，以便我可以在样式中使用它。

AFAIK 这是 TypeScript 全局变量，我尝试查找有关如何获取它的信息，但没有成功。

标签： reactjstypescriptglobal-variables

解决方案

说法declare const root不一样const root。它的意思是：

在别处有一个变量叫root ，我只是来描述一下。

换句话说，它告诉我们一些类型级别的信息，但它不包含任何可执行代码。无法在运行时使用它。您可以通过检查TypeScript playground中生成的代码来验证它。

很可能它是从其他地方导入的，或者实际上是一个全局变量，因为声明文件描述了Dropdown.scss，它很可能root是一个存在于该文件中的 CSS 类。尝试：

import { root } from 'office-ui-fabric-react/lib/components/Dropdown/Dropdown.scss'

推荐阅读