在React应用程序中切换到TypeScript的问题

Question

我需要将我的React app组件切换为Typescript。

我安装了TS软件包，并创建了tsconfig.json文件react-app-env.d.ts文件。而且我还将扩展名从.js更改为.tsx。但是在组件之一中，我有一个错误。例如：在<div>

中

<div class="main-div">
    <div class="panel">
    <h2>Вхід</h2>
   </div>
</div>

  

类型'{children：Element [];类：字符串； }'不可分配给   输入“ DetailedHTMLProps”，   HTMLDivElement>。属性“类”在类型上不存在   'DetailedHTMLProps，   HTMLDivElement>'。ts（2322）

Answer 1

问题在于某些HTML属性在Javascript中也是保留字，因此为避免出现问题，JSX语法使用的属性与纯HTML稍有不同。

您遇到的主要两个问题是：

• new password现在为confirm password
• class现在为className

所以你的问题是：

for

您在评论中发布的标签将是：

htmlFor

Answer 2

您缺少结尾</div>，并且属性不是class，而是className

Answer 3

哟！

将class更改为className！

<div className="main-div">
    <div className="panel">
       <h2>Вхід</h2>
    </div>
</div>