问题标签 [react-tsx]

我为路线创建了一组属性

并创建了一个单独的路由切换组件

但我收到一个错误：
错误：（10、57）TS2769：没有重载匹配此调用。
Overload 1 of 2, '(props: Readonly): Router', 给出了以下错误。
类型“{ 位置？：位置 | ”中缺少属性“历史” 不明确的; 组件？：组件类，任何> | 功能组件> | 组件类<...> | 函数组件<...> | 不明确的; ... 6 更多 ...; 键：数字；}' 但在“只读”类型中是必需的。
Overload 2 of 2, '(props: RouterProps, context?: any): Router'，给出了以下错误。
类型“{ 位置？：位置 | ”中缺少属性“历史” 不明确的; 组件？：组件类，任何> | 功能组件> | 组件类<...> | 函数组件<...> | 不明确的; ... 6 更多 ...; 钥匙：数字; }' 但在“只读”类型中是必需的。

我正在尝试实现一个具有来自 Office fabirc UI 的选项卡（或 Pivots ）的 UI，我想知道是否可以增加尺寸（或者更好地自定义我的枢轴尺寸）？我尝试使用 PivotLinkSize.large，但我想增加我的 Pivot 的高度和宽度。

我刚刚开始学习 React 和 Office Fabric UI，希望能在这里得到任何帮助。

我正在使用各种控件填充网格（在此示例中：上下计数器和文本框）。

目前，我在cls成员中注入样式（在这个例子中可以是例如wide-input和narrow-input）：

我的问题是使用styled-components的正确方法是什么？

有没有办法注入任意样式（content.cls在这个例子中，但明天它也可以设置自定义边框颜色）

我在 React 应用程序中使用Reach 路由器（带有打字稿）。

使用嵌套路由我陷入了如何将嵌套组件呈现为单独的（在单独的视图中）组件而不是作为父组件底部的子组件的问题。

代码如下：

我使用 PDFExport 作为嵌套的原因是我想将它重用于不同的路线，例如；/users/:id, /customers/:id.

有没有办法将嵌套路由呈现为单独的组件而不是子组件。

我正在使用对打字稿做出反应。FCvs 和有什么不一样Component？

哪个是最佳实践？

每个用例？

是否Component已弃用，因为使用钩子反应最新版本不使用类？

目前我正在模型驱动的应用程序中实现自定义列表。我注意到在过滤数据时调用了 init 方法以及该updateView方法，此外该updateView方法被调用了 3 次。但是，不会呈现新视图。

我的猜测是我的组件没有正确排序和处理异步承诺，因此init最后的方法会将所有内容重置为原始数据或用原始数据覆盖它。

这样做的正确方法是什么？

1. 最初渲染组件（我的意思是initorupdateView方法中的渲染代码）？
2. 如果刷新数据，如何处理异步调用以再次呈现视图？

目前，代码如下所示：

我正在使用 React HOC 编写组件，但在使用 typescript 验证道具时出错。错误如下

类型'{类型：字符串；imgUrl：任何；vidUrl：任何；}' 不可分配给类型 'IntrinsicAttributes & Pick & { children?: ReactNode;}'。

我的组件是什么样的（示例）：

我想将类型和接口定义与我的组件代码分开。这将使 jsx 文件更小，更易于阅读。

我创建了以下两个文件：

./Header/Header.d.ts

对于以下组件：

./Header/Header.tsx

但是我无法在我的组件中导入类型声明文件。我收到以下错误：

TS2614：模块“../Header/Header”没有导出的成员“HeaderProps”。你的意思是使用'import HeaderProps from '../Header/Header'吗？

我做错了吗？

内部react-script使用typescript-eslint会引发警告/错误，您会在应用程序运行的终端中看到它。

我确实创建了反应应用程序create-react-app --typescript并设置了tslint.json如下：

和一个 lint 检查脚本，如"lint": "tslint -p tsconfig.json -c tslint.json 'src/**/*.{ts,tsx}'".package.json

但并非所有typescript-eslintfromreact-script 都被覆盖，tslint并且 lint 脚本在存在一些警告时通过。

我应该完全放弃使用tslint并继续使用eslint吗？如果是这样，有人可以提供设置的片段吗？

或者，如果 Tslint 有任何更新计划并涵盖来自 typescript-eslint 的所有警告

我正在尝试对 dnamy 页面进行 SSR，但它不起作用。getInitialProps 方法中的 props 和查询参数始终为空，我无法理解这怎么可能。

下面的代码属于位于 pages/products/[id].tsx 中的文件。当我直接访问一个 url 或者我使用这样的链接访问它时：

什么都没发生。有人可以解释一下这种行为的来源吗？