怎么在react里写ts

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么在react里写ts相关的知识,希望对你有一定的参考价值。

参考技术A 这篇文章将简单的演示怎么在react中加上ts,从一个简单的icon组件说起。普通react环境下是这样的。
icon.tsx

index.tsx

然后对传入的name进行类型确定
icon.tsx

当然在传值的过程不只传个静态数据,还可能会传个事件,事件的类型判断和静态数据的不一样, 事件的类型判断如下

当然,传入的事件也需要进行一下类型判断

一个简单的ts+react例子就写好了。

以上是关于怎么在react里写ts的主要内容,如果未能解决你的问题,请参考以下文章

玩转 React- JavaScript代码里写HTML一样可以很优雅

在 react 里写 vue3 ? 还写了自定义 hooks和 Hoc 构建了响应式 !

react-router-dom v5和react-router-dom v6区别

Asp.net mvc怎么在razor里写js代码

css里写的png怎么在ie6里透明

js怎么在引号里写函数