泛型传入的东西不理解 3-10 第六分钟的部分

来源:3-11 自定义 Hook 第二部分 - HOC的劣势

幕木_

2021-03-02

const DogShow: React.FC<{ data: IShowResult }> = ({ data }) => {
  return (
 
  );
};
这里的尖括号里面的 <{data:IShowResult}>为什么要加花括号?这部分能解释下吗,看了前面的ts基础部分,并没有讲这个的
还有,老师,我买了您好几门课程~vue,react里面都有typescript的部分,但是都很基础,而且内容也是一样的。。下次除、出课程能不能讲点比较深的typescript知识
写回答

1回答

张轩

2021-03-02

同学你好 谢谢你的建议  typescript 的基础知识就是那么多 所以关键是后面的实战 我觉得这门课 和 vue 那门后面的实战才是进阶 typescript 的道场,要多加练习。

回到你的问题

这个花括号这里整体就是一个类型,不要把它堪称一个 javascript 对象,因为我们想将请求结果转换成 { data: IShowResult} 类型的

//换成这样写
interface TestResult {
    data: IShowResult
}
//然后改成这样
const DogShow: React.FC<TestResult>
// 这样是不是就豁然开朗了?


1
4
守静笃
这个我测过了,没有报错,老师本来的写法我觉得有点别扭
2022-12-23
共4条回复

React18+TS高仿AntD从零到一打造组件库

设计,开发,测试,发布再到 CI/CD,从0到1造轮子

2123 学习 · 959 问题

查看课程