父组件：

子组件：

我正在尝试将输入值从子组件传递给父组件，但它抛出错误。

类型错误：inpVal 不是函数。

我是使用 Typescript React 的新手，我收到一条错误消息：

没有重载匹配此调用。Overload 1 of 2, '(props: Readonly<{}>): IndexPage'，给出了以下错误。

键入'{注释：{1：{_id：数字；标题：字符串；正文：字符串；更新时间：日期；}; }; }' 不可分配给类型 'IntrinsicAttributes & IntrinsicClassAttributes & Readonly<{}> & Readonly<{ children?: ReactNode; }>'。类型“IntrinsicAttributes & IntrinsicClassAttributes & Readonly<{}> & Readonly<{ children?: ReactNode; 上不存在属性“notes” }>'。Overload 2 of 2, '(props: {}, context?: any): IndexPage'，给出了以下错误。键入'{注释：{1：{_id：数字；标题：字符串；正文：字符串；更新时间：日期；}; }; }' 不可分配给类型 'IntrinsicAttributes & IntrinsicClassAttributes & Readonly<{}> & Readonly<{ children?: ReactNode; }>'。属性“注释” 不存在类型'IntrinsicAttributes & IntrinsicClassAttributes & Readonly<{}> & Readonly<{ children?: ReactNode; }>'。

==================================================== ==== 索引.tsx:

最近我开始用 Typescript 学习 React。我正在尝试使用 async 和 await 编写操作。但它显示错误Unexpected token, expected "," (24:9)

index.js

包.json：

我正在共享我已实现的代码框的链接：

https://codesandbox.io/s/ecstatic-river-bpc6y

请帮我解决一下这个。

我正在尝试从材料表单元格中的 URL 渲染图像，我能够使用 react-table 实现此行为，但没有找到足够的文档用于材料表

任何帮助表示赞赏，谢谢

这是我定义的列

以前当我使用 react-table 时，我做了以下工作以使其工作并尝试寻找类似的实现

我知道这个功能与问题无关，但无论如何都会发布它供其他人在 react-table 中使用它

我有这个示例组件

我的意图是children组件的道具可以是

• a node，它被描述为

  可以呈现的任何内容：数字、字符串、元素或包含这些类型的数组（或片段）。

• a function, （或“渲染道具”），它只是从组件内部获取一个值并返回另一个node

这里的重点是明确的，children可以是一个 ( node，这几乎是一切) 或另一个 (这只是 a function)

问题

但是，我在进行类型检查时面临以下问题。

• 如果我保留此处显示的代码，则会在该行收到以下错误消息? props.children(val)

  此表达式不可调用。并非所有类型的成分'Function | ((x: number) => ReactNode) | (字符串 & {}) | (数字 & {}) | (假 & {}) | (真 & {}) | ({} & 字符串) | ({} & 数字) | ({} & 假) | ({} & 真) | （（（（x：数字）=> ReactNode）＆字符串）

我不明白这个错误。

• 如果我将Props类型更改为

并依靠 React 自己type PropsWithChildren<P> = P & { children?: ReactNode };来处理children不是函数的情况，然后我得到错误

(property) children?: PropTypes.Validator<(x: number) => React.ReactNode> 类型 'Validator' 不可分配给类型 'Validator<(x: number) => ReactNode>'。类型 'ReactNodeLike' 不可分配给类型 '(x: number) => ReactNode'。类型 'string' 不可分配给类型 '(x: number) => ReactNode'.ts(2322) Comp.tsx(5, 3)：预期类型来自属性 'children'，它在此处声明为 type

在线上children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired

唯一的解决方案是将Props类型保留为

并更改Comp.propTypes为 be children: PropTypes.func.isRequired，这不是我想要的，因为我想要明确。

问题

如本问题开头所述，如何使代码保持明确，并且也不会让类型检查对我抛出错误？

代码沙盒链接

我将我的 react TypeScript 项目用于ant-design，当我重新加载页面时遇到了一些问题css loading delay，有什么原因吗？

我导入了我main.css的

我使用 react typescript project to ant design 并且我使用了这个ant design form validation，但它不能正常工作，有人知道如何解决这个问题吗？谢谢

git 一个这个错误

index.tsx?789d:32 未捕获类型错误：无法读取未定义的属性“getFieldDecorator”

所以，我试图在反应打字稿中将一些数据添加到两个不同的数组中

我现在在这里循环遍历数组并显示内容

我通过单击一个按钮然后显示模态然后像这样将数据添加到这些数组

我正在使用反应钩子形式。所以我想要的是每当我遍历两个数组时，每次它都应该显示刚刚添加到数组中的内容，而不是最后一个已经添加和显示的内容。我希望我能在这里提出一些观点。它可以完成这项工作，但是每当用户在添加一个设备后进入新设备时，它会再次添加旧设备，然后添加新设备，然后再次添加相同的东西。我只想显示用户最后一次添加到数组中的一个新项目。

谢谢

当我尝试使用从收到的blur()方法时出现 TypeScript 错误：targetKeyboardEvent<HTMLInputElement>

类型“EventTarget”上不存在属性“模糊”.ts(2339)

虽然相同的代码非常适合target从FocusEvent<HTMLInputElement>

KeyboardEventthis- target的 origin有EventTarget类型，而FocusEvent给EventTarget & HTMLInputElement.

是这个React.KeyboardEvent错误还是我如何在这里正确使用类型而不通过转换as？

StackBlitz上的 TS 问题演示

我正在使用 formik 库，并且我的 React.FC 的道具定义如下：

但是，当我尝试将 proptypes 分配给我的组件时：

我收到一个很难理解的错误，但似乎“FieldAttributes”类型以某种方式搞砸了，我该如何在我的 proptypes 中解释它？

和 TextField FC：

欢迎任何建议！