问题标签 [reach-router]

在我的 React 应用程序中，我正在尝试将 JS react-pose-@reach/router示例转换为 TypeScript，但它不起作用。

以下是 中的相关类型react-pose：

JS 示例如下所示：

来源：https ://popmotion.io/pose/examples/route-transitions-reach-router/

我被困在这里：

上面<RouteContainer key={location.key}>写着：

类型 'ComponentType<{ [key: string]: any; 孩子？：任何；姿势？：字符串| 字符串[] | 不明确的; _pose?: 字符串 | 字符串[] | 不明确的; 初始姿势？：字符串 | 字符串[] | 不明确的; withParent?: 布尔值 | 不明确的; onPoseComplete?: ((pose: string | string[]) => any) | 不明确的; onValueChange?: { ...; } | 不明确的; innerR...' 不可分配给类型 'ComponentFactory>'。类型 'ComponentClass<{ [key: string]: any; 孩子？：任何；姿势？：字符串| 字符串[] | 不明确的; _pose?: 字符串 | 字符串[] | 不明确的; 初始姿势？：字符串 | 字符串[] | 不明确的; withParent?: 布尔值 | 不明确的; onPoseComplete?: ((pose: string | string[]) => any) | 不明确的; onValueChange?: { ...; } | 不明确的; inner...' 不能分配给类型 'ComponentFactory>'。键入'组件类< { [键：字符串]：任何；孩子？：任何；姿势？：字符串| 字符串[] | 不明确的; _pose?: 字符串 | 字符串[] | 不明确的; 初始姿势？：字符串 | 字符串[] | 不明确的; withParent?: 布尔值 | 不明确的; onPoseComplete?: ((pose: string | string[]) => any) | 不明确的; onValueChange?: { ...; } | 不明确的; inner...' 不提供签名匹配 '(poseConfig?: DomPopmotionConfig | DomPopmotionConfigFactory> | undefined): ComponentType<{ [key: string]: any; 孩子？：任何；姿势？：字符串| 字符串[] | 不明确的; _pose?: 字符串 | 字符串[] | 不明确的; ... 4 更多 ...; innerRef?: { ...; } | ... 1 更多 ... | 不明确的; } & PoseContextProps & HTMLProps<...>>'。字符串 | 字符串[] | 不明确的; withParent?: 布尔值 | 不明确的; onPoseComplete?: ((pose: string | string[]) => any) | 不明确的; onValueChange?: { ...; } | 不明确的; inner...' 不提供签名匹配 '(poseConfig?: DomPopmotionConfig | DomPopmotionConfigFactory> | undefined): ComponentType<{ [key: string]: any; 孩子？：任何；姿势？：字符串| 字符串[] | 不明确的; _pose?: 字符串 | 字符串[] | 不明确的; ... 4 更多 ...; innerRef?: { ...; } | ... 1 更多 ... | 不明确的; } & PoseContextProps & HTMLProps<...>>'。字符串 | 字符串[] | 不明确的; withParent?: 布尔值 | 不明确的; onPoseComplete?: ((pose: string | string[]) => any) | 不明确的; onValueChange?: { ...; } | 不明确的; inner...' 不提供签名匹配 '(poseConfig?: DomPopmotionConfig | DomPopmotionConfigFactory> | undefined): ComponentType<{ [key: string]: any; 孩子？：任何；姿势？：字符串| 字符串[] | 不明确的; _pose?: 字符串 | 字符串[] | 不明确的; ... 4 更多 ...; innerRef?: { ...; } | ... 1 更多 ... | 不明确的; } & PoseContextProps & HTMLProps<...>>'。| undefined): ComponentType<{ [key: string]: any; 孩子？：任何；姿势？：字符串| 字符串[] | 不明确的; _pose?: 字符串 | 字符串[] | 不明确的; ... 4 更多 ...; innerRef?: { ...; } | ... 1 更多 ... | 不明确的; } & PoseContextProps & HTMLProps<...>>'。| undefined): ComponentType<{ [key: string]: any; 孩子？：任何；姿势？：字符串| 字符串[] | 不明确的; _pose?: 字符串 | 字符串[] | 不明确的; ... 4 更多 ...; innerRef?: { ...; } | ... 1 更多 ... | 不明确的; } & PoseContextProps & HTMLProps<...>>'。

这让我很困惑，因为打字看起来是正确的。我不想在这里使用匿名签名并在打字时保持强势。

我该如何解决这个问题？

当我尝试使用 auth0 的parseHash时，我是auth0 的新手。令我惊讶的是，这个函数以某种方式返回 null。我试图偷看源代码，看来这个函数最终试图返回一些东西。

这是让我感到困惑的代码部分：

结果如下：

我认为这真的令人困惑。控制台记录 'authResult' 部分，但它result是undefined. （我什至用异步等待进行了测试，仍然无法得到我期望的结果）。

我目前只是包装结果来解决这个问题。

这是一个错误吗？还是我使用这种方法的方式不正确？

我想将索引重新路由/到/bloggatsby 项目中。/blog路由页面是在gatsby-node.js文件内部生成的。

我尝试的是Redirect从返回的组件中导入@reach-router并在其中导入，但这会导致错误。IndexRedirect to='/blog'Uncaught RedirectRequest

index.js文件：

我正在尝试做到这一点，但使用 Reach Router 而不是 React Router：

React-Router 外部链接

我正在尝试将此 React 应用程序部署在在线托管服务器上的子目录中，并且我正在使用 react-router。我只需更改 package.json 中的主页并在 Router 组件中添加“basename”参数即可使用 react-router：

使用reach-router，我看到一篇文章说你可以做类似的事情：

但它不起作用，页面无法加载。设置它以使用到达路由器在该 url 路径上工作的方法是什么？

我有一些看起来像这样的代码

道具说它在default重定向上无效 React 中有没有办法键入组件的子级？

看起来可能有一种方法可以使用这样的方法：https ://www.typescriptlang.org/docs/handbook/jsx.html#children-type-checking

但我对 TypeScript 还是很陌生，所以我不确定这在实践中究竟是如何工作的。

我目前在将输入字段值推送到 onSubmit 状态时遇到问题。

密码箱

我正在尝试将输入字段值设置为状态，以便在更新组件后可以使用该值将用户重定向到另一个页面。我手动测试了路径并且它可以工作，但是由于状态没有同步更新，重定向不起作用。我可以在页面上呈现输入值，但如果我尝试记录它，它长未定义（第一次）和第二次提交时的先前状态。

反应：16.8.6

类型定义是：

像这样使用匹配：

这里match被认为是null按流程

如果我尝试类似

flow 效果很好，但反应崩溃不能将 Class 作为函数调用。

这适用于反应，但不适用于流程:'(

有人知道我们如何用 flowjs 输入吗？谢谢

编辑：这是我的解决方法

我正在研究盖茨比。我需要像以前使用 reactjs 一样返回到 privious 页面/链接。

我怎样才能使用 gatsby 做到这一点？

在 highcharts 中，通过单击数据点，我需要通过在 react 中传递点值来重定向到另一个页面。我正在使用到达/路由器。有什么可以让我们像反应/路由器链接这样的观点。