不能将类型“Element”分配给类型“FC＜any＞”

已于 2023-07-07 11:28:21 修改
阅读量1.4k 收藏 1
点赞数
分类专栏： TypeScript 文章标签： typescript
于 2023-01-28 15:32:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yexudengzhidao/article/details/128778594
版权

TS常犯错误整理：

  1. 不能将类型“Element”分配给类型“FC”。

错误的写法原因是因为FC(any)代表的是一个函数组件，any为任意props，不能将Element赋值给FC。
而正确的写法是因为App2整体是一个函数组件，因此类型是FC
在这里插入图片描述

. . . . .
关注
专栏目录
TypeScript结合React全家桶(antd、axios、Nextjs)的一些类型总结
mackJun的博客
08-18 8128
TypeScript结合React、Vue、express的一些类型总结(一些常用自带的类型) 1.React类型总览(包括React本身、router、antd的类型) 1.1 React本身常用类型
React-hooks+TypeScript最佳实战
xiaofeng123aazz的博客
11-18 178
自定义 Hook 更像是一种约定，而不是一种功能。如果函数的名字以 use 开头，并且调用了其他的 Hook，则就称其为一个自定义 Hook有时候我们会想要在组件之间重用一些状态逻辑，之前要么用 render props ，要么用高阶组件，要么使用 redux自定义 Hook 可以让你在不增加组件的情况下达到同样的目的Hook 是一种复用状态逻辑的方式，它不复用 state 本身事实上 Hook 的每次调用都有一个完全独立的 state} , [ ]);
【TS】不能将类型“() =＞ () =＞ JSX.Element”分配给类型“FC＜any＞”
qq_45677671的博客
09-02 1万+
文章目录报错信息解决方法 报错信息 报错示例图： 报错原代码： const BuildTableRequlate:React.FC<any> = () => { const content = ()=> (<div>一段文本</div>) return content; } 解决方法 修改代码： const BuildTableRequlate:React.FC<any> = () => { const content =
TypeScript——不能将类型“HTMLElement | null”分配给类型“HTMLElement”
m0_67548194的博客
05-24 519
类型断言有多种使用场景，包括处理第三方库、处理DOM API和处理其他Javascript代码库。” 错误,可根据实际情况使用!
解决typescript报错：不能将类型xxx分配给类型xxx
jiaohuizhuang6019的博客
09-26 3050
解决typescript报错：不能将类型xxx分配给类型xxx
不能将类型“string”分配给类型“string[]”报错
最新发布
hyy_20021212的博客
06-06 1437
在写代码的过程中，使用ts会出现不能把string值赋值给string|undefind，这个报错完全是因为在接收参数的时候给接受的参数类型写的是。我的页面因为是使用的Ant Design Mobile组件库中的TreeSelect组件，所以defaultValue。综上，这段代码的主要目的是在用户选择了某个具体的二级菜单项后，更新页面标题为所选项的名称，并触发加载或刷新相应的列表。，这种的话就不要在这儿写？，在接收到参数使用的时候判断为空和不为空。组件支持多选时），而你尝试赋予它的。
ts-不能将类型“HTMLElement | null”分配给类型“HTMLElement”。 不能将类型“null”分配给类型“HTMLElement”
m0_71202576的博客
10-21 1652
ts报错
react回调函数_react源码个人笔记-版本17.0.0（笔记02修改）
weixin_36086032的博客
01-19 530
React 初始化的函数函数为ReactDom.render()， 进行更新有三种方式 ReactDom.render(), setState, forceUpdate 等。// render 定义（1）// ReactDom 执行render 的方法 // 代码位置： src/react/packages/react-dom/src/client/ReactDOMLegacy.js // 目的：...
Element类型
weixin_45253563的博客
06-30 247
1、document类型表示整个文档，是一组分层节点的根节点 2、element节点表示文档中的所有HTML或XML元素，可以用来操作这些元素的内容和特性 Element节点有以下特征： nodeType　　值为1 nodeName　　元素的标签名 nodeValue　　值为null parentNode　　值为Document或Element（上一级父级元素） 首先介绍DOM里常见的三种节点类型（总共有12种，如docment）：元素节点，属性节点以及文本节点，例如head，其中h2是元素节点，class
React + ts学习笔记
luobo2345的博客
05-06 1142
在react中使用ts，定义函数组件、类组件、hook使用（useState，useRef、useMemo），事件处理（事件对象、事件函数），ts基本使用
typescript报错：类型“ReactNode”的参数不能赋给类型“ReactElement＜any, string | JSXElementConstructor＜any＞＞”的参数，如何解决？
m0_47670683的博客
04-10 1万+
最近在做antd项目，使用typescript写layout组件，通过cloneElement给子组件的props添加initialState中的数据遇到飘红： 类型“ReactNode”的参数不能赋给类型“ReactElement<any, string | JSXElementConstructor<any>>”的参数。 这里涉及到下面两个知识点： ReactNode 这是一种联合类型，可以是string、number、ReactElement、{}、boolean、React
VUE3.0 解决eslint 报错的4个办法
祈澈菇凉
07-06 1799
在打开项目的时候 输入命令npm run serve，运行项目发现了这样的报错，导致项目无法运行 ERROR TypeError: Cannot read property 'version' of undefined 这里在创建项目的时候 ，使用到代码检测工具eslint的报错 要解决ESLint报错，有以下几个方法： 1:忽略错误： 如果确定某个错误不是问题，可以在.eslintr...
TS报错整理
imber___zsk的博客
08-31 1万+
记录一下最近项目中TS报错及解决 一.找不到模块“images/1.png”或其相应的类型声明。 报错图： 原因：TS没有识别图片模块 解决方法：加上图片格式声明模块???? 成功不报红： 二.类型“unknown”上不存在属性“data”。 同：类型“{}”上不存在属性“data”。 报错图： 原因：对象上本没有某个属性，没有语法检测到该属性（即对象属性不明确） 解决方法： 定义对象的接口，但是往往后端数据是不能确定的，这个时候使用第二种方法 将这个对象
ReactElement、ReactNode以及JSX.Element
weixin_46449470的博客
04-29 8292
interface PreProcessorProps { error?: boolean | BooleanFunction loading?: boolean | BooleanFunction children: React.ReactNode | RenderFunction } } const PreProcessor: React.FC = ({ children }) => { // … return children } 在使用ts写React时，尴尬的遇到了这个错误 不能将类型“({
不能将类型“XXX“分配给类型“IntrinsicAttributes & IntrinsicClassAttributes＜PieChart＞ & Readonly＜{}＞ & Reado“
Little_Pig_Bug的博客
06-16 1万+
警告如下
JS学习笔记-Element类型
sunxiaolinlinx的博客
08-06 708
Element类型 nodetype:1 nodename:元素标签名。跟tagname结果一样。 1、HTML元素 所有HTML元素都由HTMLElement表示，HTMLElement直接继承自Element并添加了一些属性： id：元素在文档中的唯一标识 title：有关元素的附加说明信息，一般通过工具提示条显示出来,(也就是把鼠标放在元素上边显示的提示信息) lang，元素内容的元素代码，很少使用 dir，语言的方向，值为‘ltr’，(left-to-right,从左至右)或‘rtl’(right
不能将 类型的值 分配到 类型的实体
热门推荐
qing101hua的专栏
10-22 4万+
参考： http://bbs.csdn.net/topics/391071992
React学习（4）——深入说明JSX与props
weixin_33834910的博客
04-06 453
为什么80%的码农都做不了架构师？>>> ...
react+typescript报错集锦<持续更新>
weixin_30670151的博客
04-17 923
typescript报错集锦 错误：Import sources within a group must be alphabetized.tslint(ordered-imports) 原因：import名称排序问题，要求按照字母从小到大排序； 解决方案：修改 tslint.json 中 rules 的规则 “ordered-imports” 为 false 即可。 "rules": { 　　...
React_react组件接收参数（props）
小歪博客
05-26 2483
.html <div id="example"></div> 无状态组件传递参数 .js <script type="text/babel"> function Mycom(props){ return ( <div>我是一个无状态组件---{props.name}</div> ) } ReactDOM.render(<Mycom name="123"/>,document.getElementById("exam
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

. . . . .

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值