react 给子组件接受负节点参数是指定类型

tankpanv

于 2022-03-07 19:54:45 发布

阅读量497

点赞数

CC 4.0 BY-SA版权

分类专栏： react 文章标签： react.js javascript vue.js

本文链接：https://blog.youkuaiyun.com/tankpanv/article/details/123338082

react 专栏收录该内容

17 篇文章

订阅专栏

本文档展示了如何定义一个名为PrismHighlighter的接口，该接口包含一个params属性，其值为包含id的any类型。接着，我们创建了一个PrismHighlighter类，该类继承了React的Component，并指定了类型参数PrismHighlighterParam和空对象。在构造函数中，我们调用了父类的构造函数，并在render方法中返回了一个包含props.params.id的组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 先声明类型
interface PrismHighlighterParam {
    params: {
        id: any
    }

}
// 在声明class的时候 给Component 指定参数
class PrismHighlighter extends Component<PrismHighlighterParam, {}> {
   constructor(props) {
        super(props);
    }
 render() {
    
        return (
           <>
              
           <div> {this.props.params.id} </div> 
         </>
        );
    }

}