问题标签 [react-typescript]

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 回答
1329 浏览

reactjs - Ant 设计类型脚本输入字段验证不起作用

我试图为 Ant 设计输入字段验证做反应类型脚本,它不工作我收到了这个错误

“{}”类型中缺少属性“名称”,但在“只读”类型中是必需的

这是我的代码

0 投票
1 回答
143 浏览

reactjs - FunctionComponent 和子项的 Typescript 类型定义

我试图让我的头脑围绕打字稿,我对它相当陌生,并且在语法后面有点失去它。我正在尝试定义一个 HOC 来在我的测试中进行包装。

现在,我知道 React 中有一个类型

如何在我的定义中使用它来避免重新发明轮子?类型定义对我来说不是很清楚,我试过了

但两者似乎都不起作用。

0 投票
3 回答
255 浏览

reactjs - 如何为 On submit 添加两个事件

如何在 onSubmit 的两个事件中添加反应打字稿表单

任何人都知道如何正确添加

0 投票
1 回答
422 浏览

javascript - 如何忽略打字稿中的导入语句

log.ts 有以下代码

我想要对 TS 文件的 IntelliSense 支持,但不希望导入生成的 javascript 的后果。

我只想在我的 Javascript 文件(log.js)中包含以下内容

0 投票
2 回答
488 浏览

reactjs - 非常简单的 MWE,打字稿错误 TS2322 (...) 不能分配给类型 'IntrinsicAttributes & Props & { children?: ReactNode; }'

我正在做一个React/typescript项目。我试图绕过错误TS2322并解决它。

我见过很多人有问题,解决方案要么不适用于我的上下文,要么是魔法。

这是非常短的 MWE

我尝试过:一个神奇的解决方案是使用 {...p},但我不明白为什么,如果我正在使用道具数组,它还需要在功能组件的末尾附加说明。

我的问题:如何解决这个错误?

0 投票
1 回答
3115 浏览

reactjs - 如何设置反应打字稿useState获取类型和使用地图方法

目前我正在练习 react-ts 通过 async fetcher 获取 json 数据

示例代码如下

错误消息:类型 'Todo[] 上不存在属性 'map' | 承诺'。“Promise”类型上不存在属性“map”

我知道 map 方法不能用于 Promise Object。由于异步调用,初始数据类型设置为 Promise 类型,并在 fetch 解决时切换到 Todo[]。

如何解决这个问题动态使用map方法

0 投票
0 回答
180 浏览

reactjs - 我正在尝试为表单验证创建一个自定义挂钩

我是一名 React 初学者,一直在尝试为我的联系表单制作一个自定义错误处理程序挂钩。我已经完成了我所知道的一切,但我无法让它触发提交消息或错误消息。我不确定UseForm.tsx中的回调和验证应该是什么类型,也不知道ValidateLogin接口是否正确。

这是我的代码:

使用Form.tsx:

验证登录.tsx:

联系方式.tsx:

0 投票
0 回答
93 浏览

javascript - 如何在反应中的每个映射项目后更改计数?

我在使用 React 正确实现这一点时遇到了麻烦,我会尽力解释这一点。

在这里,我有一个静态数字数组,其中包含 3 个不同的数字,我需要将它们应用于我的映射组件(OtherComponent)。这段代码直接在下面有效,但我认为我在 React 中使用了 count( heightCount ) 和我的静态数组( lineSegmentHeights ) 错误。

然后我试着用这个来监控计数useState

这会导致很多生命周期渲染错误。

我的主要问题是我应该如何正确存储这个永远不会改变的静态值数组?另外我如何正确监控计数与反应,以便第一个映射的组件得到 a lineSegmentHeight === 139,下一个得到lineSegmentHeight === 88,下一个得到38,下一个得到139,下一个得到88......等等。

如果我可以进一步或更好地解释任何事情,请告诉我,非常感谢您的宝贵时间。欢迎任何帮助。快乐编码!

0 投票
1 回答
149 浏览

reactjs - Typescript Stateless React 组件作为命名函数

假设我有一个名为 Link 的 React 组件:

如何键入此函数而不将其转换为箭头函数?

这似乎不起作用:

但作为箭头功能,它会立即起作用吗?

0 投票
1 回答
96 浏览

reactjs - 如何在泛型类型和非泛型类型的交集中隔离已知属性

我有一个 HOC,它接受一个withPaperprop,但没有将它传递给它将渲染的组件。

我已经通过使用otherProps as Props. 没有它们,它会产生错误'Props' could be instantiated with a different subtype of constraint 'object'

https://codesandbox.io/s/gallant-shamir-z2098?file=/src/App.tsx:399-400

我会假设,因为我已经从Props & WithOptionalPaperProps类型中解构和隔离了已知属性,所以看起来像这样:

如何使组件withOptionalPaper返回带有withPaper道具而不将其传递给其子级但仍传递所有其他道具?