Typescript 中的 React-Redux 连接问题

2023-11-26

我正在尝试制作一个传递给react-redux的组件connect功能。 组件如下:

interface ITestProps {
  id: number
}

class TestComponent extends React.Component<ITestProps, {}> {
  render() {
    return (<div>
      {this.props.name}
    </div>)
  }
}

mapStateToProps(state) {}
mapDispatchToProps(dispatch) {}

let ConnectedComponent = connect(
  mapStateToProps,
  mapDispatchToProps
)(TestComponent)

上面的代码似乎可以找到我是否渲染ConnectedComponent like so

<ConnectedComponent></ConnectedComponent>

即没有id支柱。因为它不应该抛出错误吗ConnectedComponent是简单的连接形式TestComponent and TestComponent应该有以下形式的道具ITestProps。 这是它应该的行为方式还是我做错了什么。


我不确定为什么类型不能单独从演示组件推断类型,但如果在 connect -> 中键入 ownProps ,它就会起作用

let ConnectedComponent = connect<{}, {}, ITestProps>(
  mapStateToProps,
  mapDispatchToProps
)(TestComponent)

如果在 mapDispatchToProps 中输入 ownProps,它也可以推断出它 ->

mapStateToProps(state, ownProps: ITestProps) {}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Typescript 中的 React-Redux 连接问题 的相关文章

随机推荐

  • 如何easy_install Egg插件并在不重新启动应用程序的情况下加载它?

    我正在创建一个下载并安装自己的 Egg 插件的应用程序 但在 easy install 将 Egg 提取到位后加载 Egg 时遇到问题 现在是这样的 应用程序将egg下载到临时文件夹中 使用 setuptools command easy
  • EPERM,操作不允许错误,配置存储

    我知道这是一个常见错误node但我所有的故障排除技术似乎都失败了 Windows 7 32 位 电子邮件受保护 电子邮件受保护 当尝试运行诸如以下的包命令时会出现此问题bower and yo 自耕农 为了保持理智 在执行这些命令时 我处于
  • NumPy 或 Pandas:在具有 NaN 值的同时将数组类型保持为整数

    是否有一种首选方法来保留 a 的数据类型numpy数组固定为int or int64或其他 同时仍然有一个元素被列为numpy NaN 特别是 我正在将内部数据结构转换为 Pandas DataFrame 在我们的结构中 我们有仍然具有 N
  • 是否可以在 BigQuery 中使用 MD5 进行哈希处理?

    BigQuery 是否具有 MD5 功能 我知道它有 cityhash 但我特别需要 MD5 谢谢 例如 由于这会出现在 Google 搜索 BigQuery MD5 中 因此值得指出的是 BigQuery 本身支持以下哈希函数标准SQL
  • 相对较慢的python numpy 3D傅里叶变换

    对于我的工作 我需要对大图像执行离散傅立叶变换 DFT 在当前示例中 我需要 1921 x 512 x 512 图像的 3D FT 以及 512 x 512 图像的 2D FFT 现在 我正在使用 numpy 包和相关函数np fft ff
  • Java 中的按位与、按位或或问题

    我的项目中有几行代码 我看不到它们的价值 buffer i currentByte 0x7F currentByte 0x80 它从文件中读取文件缓冲区 存储为字节 然后传输到 buffer i 如图所示 但我无法理解总体目的是什么 有什么
  • 如何使用 CSS 设置警报框样式?

    更新 我读了很多关于这个主题的文章 尝试了一些脚本 需要帮助来找出你能做什么或不能做什么 社区回答了这一切 以下是一个很好的起点 这里的答案摘自下面的社区 谢谢 您无法覆盖默认的警报方式 它是由您的客户端生成的 edge chrome fi
  • 如何在 VB.NET 中获取 Caps Lock 的当前状态?

    如何使用 VB NET 查明 Caps Lock 是否已激活 这是我的后续先前的问题 Control IsKeyLocked Keys 方法 MSDN Imports System Imports System Windows Forms
  • XmlSerializer、“指定”后缀和 IReflect

    我发现如果一个可序列化的领域 财产有一个对应的类型字段Boolean名字为领域 财产带有 指定 后缀的名称 XmlSerializer 有条件地排除该名称领域 财产从序列化过程来看 好的 所以 我想避免这些字段的定义 并在运行时动态添加它们
  • curl 响应显示“不支持 HTTP 版本”,错误 505

    我使用curl发出请求 响应说不支持HTTP版本 错误505 使HTTP版本受支持的步骤是什么 谷歌搜索后 我应该使用curl http2 0 来使其工作 但我的curl 版本不支持该选项 因为它是在curl 7 33 中添加的 而我使用的
  • 我可以从脚本或命令行将文件复制到网上邻居吗? [关闭]

    Closed 这个问题是无关 目前不接受答案 在 Windows XP 中 是否可以通过命令行 批处理文件或者更好的 PowerShell 脚本将文件复制到网上邻居 让我走上这条研究道路的是尝试将文件从用户的计算机发布到 WSS 3 0 文
  • Notepad++ 正则表达式 -> newLine

    我使用 Notepad 我需要删除以 abc 开头的所有行 注意 我不需要将以 abc 开头的行替换为空行 但我需要完全删除这些行 我该如何继续 我想使用正则表达式 尝试更换 abc r n with nothing The 表示一行的开始
  • jQuery 动画回到原始位置

    我正在开发一个网站 其中有一些绝对定位的 div 我需要在单击时调整其大小 然后这些将填充 div 所在的容器 问题是如何让它们切换到去返回到原始位置 顶部 左侧 每个位置都不同 work item toggle toggle functi
  • 单例或类方法[重复]

    这个问题在这里已经有答案了 阅读完对某个问题的回复后question关于 Objective C 中的单例 似乎每个解决方案都在实例访问器中的线程方面做出了一些权衡 IE synchronized self if sharedInstanc
  • 不在对象上下文中时使用 $this - Laravel 4 PHP 5.4.12

    我试图使用变量 this 访问构造函数上的实例 在所有其他方法中 当我打电话时似乎效果很好 this gt event gt method 但在这个方法上它给我一个错误 不在对象上下文中时使用 this 我刚刚对这个问题进行了研究 我发现的
  • Java TLS 套接字:找不到受信任的证书

    让我快速解释一下我想要做什么 我正在尝试用 java 构建我自己的 Apple 推送通知服务 用于测试目的 该服务的工作得益于 TLS 套接字 我有一个 java 客户端来创建 TLS 套接字以向 APN 发送推送通知 我更改了主机 url
  • OUTER JOIN 结果缺少行,没有 WHERE 子句(已找到解决方法)

    更新在底部 我正在尝试执行自外连接 对于每个记录 返回它以及晚于它发生的所有其他记录 如果它本身是最新记录 则返回 NULL 这是我的sql代码 SELECT A CR A REGIS STATUSDATE B REGIS STATUSDA
  • 应用程序在 runTransitionForCurrentState 上崩溃,但不知道为什么

    我尝试过寻找这个 但没有运气 所以希望有一些大师可能知道答案 我在 iTunes Connect 中看到大量关于我的应用程序因特定堆栈跟踪而崩溃的报告 但堆栈跟踪没有显示任何有用的信息 0 Crashed main 0 UIKit 0x18
  • Hibernate 验证“无法初始化 javax.el.E​​xpressionFactory”错误

    我正在尝试使用休眠验证 代码可以编译 但是启动时失败并出现错误 Exception in thread main javax validation ValidationException HV000183 Unable to initial
  • Typescript 中的 React-Redux 连接问题

    我正在尝试制作一个传递给react redux的组件connect功能 组件如下 interface ITestProps id number class TestComponent extends React Component