在React中导入TypeScript变量

2 回答

• 0

  declare const root 语句与 const root 不同 . 它的意思是：

  在其他地方有一个名为root的变量，我只是在这里描述它 .

  换句话说，它告诉我们类型级别的东西，但它不能在运行时使用它 . 您可以通过检查TypeScript playground中生成的代码来验证它 .

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

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

  回复于 2024-05-05T06:22:48+08:00
• 0

  Karol Majeswski's Answer在从typescript导入变量时正确 .

  但是，似乎您的目的是使用 styled-components 设置下拉列表的部分样式，而不是从scss文件中导入此变量，Dropdown组件提供可用于样式的可读类名，如 ms-Dropdown-title .

  例如 . 要设置Dropdown样式，您可以使用：

  const StyledDropdown = styled(Dropdown)`
    color: red;
  
    & .ms-Dropdown-title {
      background-color: red;
    }
  `;
  

  See Codepen example

  回复于 2024-05-05T06:22:48+08:00