问题标签 [react-tsx]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
6154 浏览

reactjs - “EventTarget”类型上不存在属性“名称”-React + TypeScript

这是我的代码:

在我的函数处理程序上,我收到事件错误:

它说:

我也试过:

按钮的事件类型是什么?在 JavaScript 中,这是可行的,它可以接受名称,但我不知道为什么不能打字?

0 投票
1 回答
43 浏览

reactjs - 输入for循环反应+打字稿?

我有一个 Todo 的这个界面:

我正在尝试像这样循环一组 todos 对象:

我收到一条错误消息:

我如何在这里实现打字稿?我不想使用任何

0 投票
0 回答
149 浏览

css - 锚标记中的 Svg 图标可单击,但在 Microsoft Edge 或 IE 11 中不起作用

我的锚标记中有一个 svg 图标,其中我的 React 应用程序中有一个锚标记的单击事件。我的问题是,当我单击锚标记时,它在边缘和 chrome 中都可以正常工作。但是当我点击 svg 图标时,它在 Chorme 中运行良好,但在 Edge 上运行不正常。

0 投票
3 回答
10671 浏览

typescript - 在 VS Code 中保存时格式化 *.tsx 文件

只能使用以下settings.json格式格式化*.ts文件:

但我无法让它为*.tsx文件工作。

0 投票
2 回答
2966 浏览

reactjs - 与 Typescript 反应:类型不匹配

有一段时间开始使用带有 typescript 的 React,但总是对类型和 React 元素的期望感到困惑。

就像在这种情况下(这里也是沙箱)我得到了 Todos 组件的以下错误

在具有更漂亮和 TSLint 设置的 VSCODE 中:类型 '(props: PropsWithChildren) => Element[]' 不可分配给类型'FunctionComponent'。

在 Snadbox 中:类型 '(props: IProps) => void[]' 不可分配给类型 'FunctionComponent'。


Todos 的 Mobx 商店就像

是 Mobx 的问题吗?如果类本身被用作组件中的类型?mobx 类需要单独的接口吗?

同样作为 Mobx 特定的问题是沙盒中正确实例化提供者商店类的方式?

一般来说,如果有人知道一篇关于 React with typescript 如何管理道具和 JSX 类型的好文章将不胜感激。

0 投票
0 回答
33 浏览

reactjs - 是否有一些东西可以避免从输入中验证某些字符(特别是 1、f、x 和 b)?

我有一个字段来验证重复的问题。我必须使用一种方法将特殊字符转换为普通字母,然后使用一种方法跳过空格和其他字符来验证新文本是否等于现有问题。在我的本地,一切正常,但在生产实例中,它会跳过字符 1、f、x 和 b。我在生产中的项目安装在 Linux 中。

我的两种方法是:

如果我有类似“你几岁?”之类的问题。我尝试添加一个问题,例如“你多大了?1111”与众不同。

0 投票
1 回答
2955 浏览

javascript - React Typescript,从外部脚本调用函数

在我的反应应用程序中,我从服务器获取一个自定义 javascript 文件并将其作为script标签附加到document.

这个新添加的自定义文件包含一个名为manipulator. 现在在其中一个组件中,我想调用该函数。据我所知,该函数应该存在于window全局对象中。

但是在这里我得到编译器错误

'Window'.ts(2339) 类型上不存在属性'manipulator'

这是完全合乎逻辑的,但我没有找到一种方法来创建扩展接口window或任何其他方法来告诉编译器在window被调用中有一个可选函数manipulator

任何帮助表示赞赏。

0 投票
2 回答
1241 浏览

angular - 如何在 React 中使用现有的 Angular 服务?

我是 React 的绝对初学者。我正在创建一个仅使用 App Component 的简单 React 应用程序,并且我有自己的 Angular 库(NPM 包)和一个简单的服务。Angular 服务在其构造函数中注入了一些依赖项。

我尝试使用inversifyJs但没有运气。我收到以下错误。

在此处输入图像描述

这是我的反应代码 - corelib是我自己的库

应用程序.tsx

容器配置.ts

这是角代码

Corelib.service.ts

我的.service.ts

我不明白,我在这里发什么信息?或者

真的可以在反应中使用 Angular 服务吗?

0 投票
2 回答
1127 浏览

javascript - 在 React Native 中的其他 .tsx 组件中使用 .tsx 组件

我正在自学在 React Native 中使用 TypeScript 构建应用程序。作为 Swift 开发人员,JS 和 TS 需要一点时间来适应。

我注意到的一件事是,似乎不可能在 Render 方法的另一个 tsx 文件中使用我在 tsx 文件中编写的组件。

这会给我以下错误:

我可以通过简单地将我的 tsx SomeComponent 转换为 .js 组件来解决这个问题,但我真的很喜欢 tsx 语法。所以我的问题是为什么我不能在其他 tsx 组件中使用 .tsx 组件?还是有其他方法可以做到这一点?

0 投票
6 回答
8535 浏览

reactjs - 找不到模块 'react'.ts(2307)

我正在尝试使用 TypeScript 创建一个反应应用程序。我做了 yarn create react-app (name) --use-pnp --typescript。

TS linter 一直说找不到模块'react'.ts(2307) 我已经尝试过 yarn add @types/react、yarn add、重新启动 VScode 等。

我的 package.json

我的 tsconfig.json:

我尝试过 yarn add @types/react、yarn add、重启 VScode 等。