首页 > 其他分享 >[Typescript] Custom Elements in React

[Typescript] Custom Elements in React

时间:2023-02-22 15:45:27浏览次数:42  
标签:react Elements element React Typescript Custom

import React from 'react';

declare global {
  namespace JSX {
    interface IntrinsicElements {
      'custom-element': {
        children?: React.ReactNode;
        title?: string
      };
    }
  }
}

const element = <custom-element title="abc">hello world</custom-element>;

 

标签:react,Elements,element,React,Typescript,Custom
From: https://www.cnblogs.com/Answer1215/p/17144611.html

相关文章

  • React Router有几种模式?实现原理?
    一、是什么在单页应用中,一个web项目只有一个html页面,一旦页面加载完成之后,就不用因为用户的操作而进行页面的重新加载或者跳转,其特性如下:改变url且不让浏览器像服务......
  • [Typescript] Using Extract type until to get the value from Union type
    import{Equal,Expect}from'../helpers/type-utils';import{F}from'ts-toolbelt';interfaceFruit{name:string;price:number;}exportconstwra......
  • 1 vue3 介绍 、2 vue3 创建项目、3 setup函数、 4 ref和reactive、 5 计算属性和监听
    目录1vue3介绍2vue3创建项目2.1使用vue-cli2.2vite3setup函数4ref和reactive5计算属性和监听属性5.1计算属性5.2监听属性6生命周期7toRefs8scriptsetup的作......
  • TypeScript学习笔记
    TypeScript是什么可以编译成JavaScript。添加了类型系统的JavaScript;「类型」是其最核心的特性JavaScript的灵活使得它的代码质量参差不齐,维护成本高,运行时错误多。T......
  • TypeScript 入门自学笔记 — 接口的使用(六)
    目录一.函数接口参数二.函数类型接口三.函数混合类型四.对象接口(最常用)确定属性可选属性任意属性只读属性可索引接口索引访问符类接口接口继承构造函数类型type和inter......
  • 如何通过使用vscode工具学习ts(typescript)
    1如果有vscode工具可自行忽略这条;如果没有vscode工具,可进入官网http://vscode.p2hp.com/进行下载,下载过程可自行百度。2D盘新建文件夹随意命名为TS-LEAN,然后再【终端】......
  • React-hooks面试考察知识点汇总
    Hook简介Hook出世之前React存在的问题在组件之间复用状态逻辑很难React没有提供将可复用性行为“附加”到组件的途径(例如,把组件连接到store)。有一些解决此类问题的......
  • 前端二面react面试题集锦
    reactdiff算法我们知道React会维护两个虚拟DOM,那么是如何来比较,如何来判断,做出最优的解呢?这就用到了diff算法diff算法的作用计算出VirtualDOM中真正变化的部分,并......
  • React-Hooks怎样封装防抖和节流-面试真题
    Debouncedebounce原意消除抖动,对于事件触发频繁的场景,只有最后由程序控制的事件是有效的。防抖函数,我们需要做的是在一件事触发的时候设置一个定时器使事件延迟发生,在......
  • 社招前端常考react面试题总结
    react强制刷新component.forceUpdate()一个不常用的生命周期方法,它的作用就是强制刷新官网解释如下默认情况下,当组件的state或props发生变化时,组件将重新渲染。......