问题标签 [react-typescript]

所以我正在构建一个饮食跟踪应用程序，并在我的组件中计算用户剩余的大量营养素。我认为一种有效的方法是将三个变量存储到一个对象中，这样我就可以遍历它来计算剩余的值。在实现打字稿之前，代码运行良好，但现在我已经将文件转换为打字稿，它抛出了以下错误，我似乎无法解决：

错误：

存储值的对象：

使用的接口

我的.forEach：

我不明白。forEach 甚至确保对 values.sum[goal] 的赋值是一个数字。我已经安慰记录了类型并验证了数字分配。那么为什么它让我这么难呢？我也试过Object.keys(values).forEach[ ... ] 但没有运气。

有谁可以帮我离开这里吗？我对打字稿很陌生，所以我想我可能只是在这里犯了一个简单的错误......

感谢您抽出宝贵时间阅读和协助！

我在我的应用程序中使用 react-typescript。对于样式，我使用style-components。我正在创建一个模态警报组件。我的模态警报已准备就绪，看起来像这样，Image。我正在检查这个甜蜜的警报网站。在那里他们有成功的图标。我想在我的模态警报组件中使用它。但我不知道在哪里可以找到这个图标以及如何在我的模态警报组件中使用它。

这是我的模态警报组件

我正在创建一个警报组件。对于样式，我使用样式组件。对于打字稿，我放了 props any。我的警报组件工作正常。它看起来像这样。一旦我添加界面道具，我就会收到一堆错误。第一个错误是Cannot invoke an object which is possibly 'undefined'。

这是我使用警报组件的父组件。

这是我的警报组件。在 Alert 组件中，我创建了 Modal，然后将其传递给 Alert 变量。我的警报变量的界面工作正常。我的模态界面出现错误。

我安装了@types/soundmanager2@2.97.3，我有最新版本的打字稿。
我的代码

我收到这个错误

事实是，在任何地方都没有解决此问题的方法，请帮助谁了解问题所在

我将我的反应项目用于biz-chart，我在将 X 和 Y 轴添加到名称时有一些冲突，有人知道如何正确添加吗？

这里是图像描述

现场示例代码在这里

谢谢

代码在这里

我在我的应用程序中使用 React-typescript。对于样式，我使用Style-components。我真的是新的样式组件。很多语法对我来说都是新的。我通常使用css. 我决定将我的 css 转换为样式组件。所以我可以使用它不同的组件。我创建了一个 Wrapper 组件，我在其中放置Label了样式组件。我还创建了两个组件，一个是 Input，另一个是 Textarea。我想在 Input 和 Textarea 组件中都使用 Wrapper 组件。我遵循了一个youtube 教程。我将 html 和 css 转换为 react-css 的地方。正如预期的那样工作正常。但我正在努力将反应 css 转换为样式组件。特别是focus和valid选项。我真的不知道如何使用它们。当标签尺寸变化时，我也面临困难。它有时太左或有时太右。这是图像：

.

我真的不知道如何解决这些问题。

这是我基于 React 组件的 Youtube 教程

这是CSS

这是我将标签样式与样式组件和其他要求一起使用的包装器组件。

这是我的带有样式组件的输入组件样式

这是我渲染这两个输入字段的父组件

我正在为我的应用程序使用 React-typescript。对于样式，我正在使用Styled-components。我创建了一个全局按钮组件。在按钮组件内部，我使用了加载器。我的目标是当用户单击将显示加载的按钮时。我从父组件创建了一个虚假的 api 调用，并在其中添加了settime-out5s。但是当我单击按钮时，它不会显示 Button 组件中的加载程序。从父组件设置超时工作，它显示在我的控制台中。不知道为什么不显示loading ....。当假 api 调用按钮应该被禁用时，我还添加了禁用选项。这种逻辑也行不通。

这是按钮组件

这是我的父组件。我在哪里使用 settimeout 并导入 Button 组件。

我为ant 设计文件拖放上传和模态添加了我的 react typescript 项目。我尝试在我拖动或上传文件时只在屏幕上显示模式弹出窗口（不想显示上传的文件只显示模式），我设置了代码但它不起作用，任何人都知道该怎么做正确地

谢谢

在这里堆叠闪电战

代码部分在这里

我想访问父组件中子组件的状态，我不想在子组件中使用任何可以在父组件中设置变量的处理程序，或者我不想在父组件中提升状态。如何在反应打字稿中使用 ref 来 createRef 并在父组件中获取孩子的状态？

家长：

孩子：

而不是任何，我想在下面的代码中使用正确的 TS 类型。我是反应 TS 的新手，请帮助...

如何为以下上下文 API 代码的 useReducer useContext 设置 typescript 类型：

任何人都可以帮助我吗？将不胜感激？

谢谢你