Javascript 如何将Typescript转换与React一起使用

Javascript 如何将Typescript转换与React一起使用,javascript,reactjs,typescript,Javascript,Reactjs,Typescript,我的React应用程序中有一个组件要求我使用样式转换属性。当我这样做时,我的组件添加了对Typescript Transform的引用,现在我在编译我的应用程序时收到以下警告: ./node_modules/typescript/lib/typescript.js Critical dependency: the request of a dependency is an expression 以下是我的组件顶部的参考: import { transform } from "type

我的React应用程序中有一个组件要求我使用
样式转换
属性。当我这样做时,我的组件添加了对
Typescript Transform
的引用,现在我在编译我的应用程序时收到以下警告:

./node_modules/typescript/lib/typescript.js
Critical dependency: the request of a dependency is an expression
以下是我的组件顶部的参考:

import { transform } from "typescript";
以下是我所讨论的部分内容:

<div className={`dropdown-menu dropdown-menu-right border py-0 ${isVisible && " show"}`} 
    style={{position: "absolute", transform: "translate3d(584px, 39px, 0px)", 
    top:0, left:0, willChange: transform}}>
    <div className="bg-white py-2">
        <span className="dropdown-item">Display temp in</span>
        <div className="dropdown-divider"></div>
        <a className="dropdown-item" href="#!" 
            onClick={() => setMetric(true)}>Fahrenheit &#8457;</a>
        <a className="dropdown-item" href="#!" 
            onClick={() => setMetric(false)}>Celsius &#8451;</a>
    </div>
</div>

显示温度
具体来说:
transform:“translate3d(584px,39px,0px)”
在我的
风格中


我不太清楚为什么会发生这种情况。我是否需要
Typescript
?如果是,该如何解决此问题?

willChange
css属性值必须是字符串:

willChange: "transform"

删除这一行:
import{transform}来自“typescript”

将更改
css属性值必须是字符串:

willChange: "transform"

删除这一行:
import{transform}来自“typescript”

谢谢!这确实帮我修好了。谢谢!这确实为我解决了问题。