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

Question

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

Answer 1

张轩 2021-03-02 09:33:57

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

回到你的问题

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

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

• 提问者 幕木_ #1

  哦哦，这样的啊，那为啥要那样写呢<{ data: IShowResult }>，这么写是有什么用意吗

• 张轩 #2

  这样写简单啊 懒得再声明一个类型了

• 守静笃 #3

  const DogShow: React.FC<IShowResult > = ({ message,status }) => {
    return (
    );
  };
  写成这样更简单吧

点开查看后面1条评论