问题标签 [react-typescript]

我正在学习 React 打字稿。我正在使用反应谷歌地图来显示我的区域。我成功地能够显示地图。当我尝试使用 react-google-map 中的标记来指出我的区域并定位我的纬度和经度时。我收到打字稿错误：Property 'position' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<GoogleMapReact> & Readonly<Props> & Readonly<...>。我真的不知道如何解决它。

我正在练习 React-Typescript。在我的 React 应用程序中，我从json 占位符 API获取数据，并且从该 API 中我想使用地理位置的 lat 和 lng 并将其传递给 My Map 组件。在我的地图组件中，我使用了google-map-react。我成功地显示了地图。在我的地图组件中，我制作了一个界面道具，如下所示：

如果我将地理设为可选，如geo?:地图出现，但如果需要地理，我会收到如下错误：Property 'geo' is missing in type '{}' but required in type 'IMapProps。另外，我不知道如何在 TypeScript 中使用 Props。

这是我获取数据并计划传递 Map 组件的父组件。

这是我想使用我的道具的我的地图组件。

我正在尝试基于对象中的嵌套属性创建联合类型。请参见下面的示例：

我遇到的问题是打字稿忽略了我设置的条件。如果 canMange 值为 true，我只对允许某些属性感兴趣。这在嵌套时似乎不起作用。但是，如果我只是有这样的东西而没有嵌套，那就没问题了：

尝试根据嵌套对象内的属性设置联合时，如何解决此问题？

所以我试图进入类型断言和条件类型，当我似乎进入时，我决定将它应用到一个真实的案例然后......你可以猜到......到处都是错误。

所以我在 Sandbox 上创建了这个示例案例：

• 一个Input组件
• 一个Checkbox组件
• 一个useInput钩子

useInput 是负责管理 onChange 的，它只是为 Input 元素开始的。然后我也可以创建一个 useCheckbox 。但是它们会非常相似，以至于我想，现在是与条件类型打架的好时机，因为从javascript我可以使用例如 Switch 来管理值的类型

但现在Input他们Checkbox都在抱怨，因为他们可以获得其他一些值类型，

嗯，这发生在 useInput 声明中。但是有没有办法告诉 useInput 嘿，这个值只是一个布尔值，或者另一方面可能是一个字符串、数字等。

因此该值可以是输入文本 oa 检查值类型（布尔值）

// 使用Input.tsx

我希望这个示例足够清晰，因为 T extends U ? X : Y一开始阅读多篇文章太抽象了。

提前致谢

在下面的代码中Object is possibly 'undefined'.，每次属性检查和访问都会出错。story &&这对我来说没有意义，因为第一个检查是检查是否story存在。如果它不存在，三元组不会短路并返回null吗？我是打字稿的新手（而且反应迟钝）。我很乐意听到任何建议！谢谢！

我正在为我的应用程序使用 React-typescript。对于我的应用程序，我使用了 useTranslation。useTranslation 在功能组件中运行良好。我创建了经过验证的自定义错误处理程序，它位于功能组件之外。当我使用useTranslation逻辑时，它确实有效并向我显示：预期参数声明。我不知道我做错了什么。

我正在开发一个 TypeScript React 应用程序。我想找到并使用 Hook 来处理击键。我找到了以下 JS 组件：

为了让 TypeScript 不再因为缺少类型而骚扰我，我开始记录它们。第一个很简单：我改成const useKeyPress = (targetKey) => {了const useKeyPress = (targetKey:string) => {，效果很好。

但接下来，我想注释const downHandler = ({ key }) => {. 当我试图说 const downHandler = ({ key:string }) => {时，TypeScript 拒绝编译，因为我假设 key:string 看起来像一个对象键值对。具体的错误信息是：

'string' 被声明但它的值永远不会被读取。ts(6133)

绑定元素“字符串”隐式具有“任何”类型.ts(7031)

所以现在我很难过。如何注释 TypeScript 以便编译？

在此先感谢您的帮助！

我正在使用npm color包。我对 typescript react-native 完全陌生。在这里，我试图在这样的shadow color property东西上使用 Color 属性。

但是在这里我的代码抱怨说Type 'Color<ColorParam>' is not assignable to type 'string'. 我不知道如何解决这个问题，任何帮助都会很棒。

我正在为我的应用程序使用 React-typescript。我的目标是获取数据并显示到我自己的自定义复选框。我可以映射数据，但我是从我的价值中得到的。我确信它是一个打字稿错误。这是我得到的错误：Type 'IPayloadData' is not assignable to type 'string'. TS2322。

这是我的类型界面

这是我从 redux 商店中提取的数据

这是我要在其中显示数据的自定义复选框

在我的项目中，我有一个包含两个道具的组件：

我很难在 TypeScript 中为这些道具创建一个类型。问题是，当可折叠时，true我希望 onToggle 函数为 a (): void，但如果可折叠，false我希望 onToggle 未定义。

我试过这样的事情：

但显然它不起作用，因为在定义 onToggle 类型时未定义可折叠项。如何处理？这甚至可能让类型依赖于值吗？