AI导航网

栏目导航

公众号推荐

微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！

React17 使用 JSX 的情况下无须再显式导入 React

时间：2022-10-08分类：TypeScript作者：编程之家原文地址

React 17 引入了新的 JSX 编译方式，无须在组件中显式地 import React。注意需要配合 TypeScript 4.1+ 版本。

亦即，使用 React 17+ 的项目中 TypeScript 会有如下对应的提示：

'React' is declared but its value is never read.ts(6133)

但移除 React 的导入后，又会报如下的 ESLint 错误：

根据 React 文档的描述，可关闭对应的 ESLint 规则，因为是不必要的了。

{
  // ...
  "rules": {
    // ...
    "react/jsx-uses-react": "off",
    "react/react-in-jsx-scope": "off"
  }
}

相关资源

Introducing the New JSX Transform

The text was updated successfully, but these errors were encountered:

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。

相关推荐

javascript – TypeScript闭包 – 一种“差不多”的解决方案

我最大的一个关于TypeScript的问题是,它将原型的所有方法(无论访问修饰符)编译.例classExample{publicgetString():string{return"HelloWorld";}privategetNumber():number{return123;}}众所周知,访问修饰符...

javascript – React中的子组件应该如何以干净和可维护的方式相互通信？

我对React很新,我正在尝试理解子组件之间相互通信的简洁方法.在一个简单的组件中,我知道我可以使用props将数据传递给子节点,并让子节点的回调将数据传递回父组件.在稍微复杂的情况下,当我在父组件中有多个子组件时,子...

javascript – 使用箭头功能反应this.setState会导致控制台出错

我有一个非常简单的表单,我将用户电子邮件存储在组件的状态,并使用onChange函数更新状态.有一个奇怪的事情发生在我的onChange函数用函数更新状态时,我在键入时在控制台中得到两个错误.但是,如果我使用对象更新状态,则...

javascript – Typescript接口实例(对象)的可变性

我发现接口非常有用,但由于内存问题我需要开始优化我的应用程序,我意识到我并不真正了解它们在内部如何工作.说我有interfaceFoo{bar:number}我用这种类型实例化一些变量：letx:Foo={bar:2}Q1：这会创建一个新对象吗？...

javascript – 从typescript接口对象中删除字段

我得到了一个json响应并将其存储在mongodb中,但是我不需要的字段也进入了数据库,无论如何要剥离不道德的字段？interfaceTest{name:string};consttemp:Test=JSON.parse('{"name":"someName"...

javascript – 使用loadsh从数组内的对象中过滤掉唯一值

我试图使用loadsh从以下数组中获取唯一类别,[{"listingId":"p106a904a-b8c6-4d2d-a364-0d21e3505010","section":"section1","category":"VIPPASS",&qu...

javascript – mocha done()和async await的矛盾问题

我有以下测试用例：it("shouldpassthetest",asyncfunction(done){awaitasyncFunction();true.should.eq(true);done();});运行它断言：Error:Resolutionmethodisoverspecified.SpecifyacallbackorreturnaPr...

javascript – 在typescript中为现有类添加方法？

我正在一个有角度的2cli项目中工作,我必须创建一个插件的定义,因为它不存在它的类型.这个插件取决于已经自己输入的主库,它可以工作.无论如何,我有两个文件主要的一个图书馆类型文件AexportclassAextendsB{constructo...

javascript – 如何在三元运算符中检查未定义的变量？

我有三元操作的问题：leta=undefined?"Defined!":"DefinitelyUndefined",b=abc?"Defined!":"DefinitelyUndefined",//ReferenceErrorc=(abc!==undefined)?"Defined!&qu...

javascript – 为什么使用胖箭而不是直接赋值？

下面的代码片段是30秒的代码网站.这是一个初学者的例子,令人尴尬地让我难过.为什么这样：constcurrentURL=()=>window.location.href;什么时候可以这样做？constcurrentURL=window.location.href;解决方法:第一个将...

小编推荐