问题标签 [mapstatetoprops]

我第一次尝试使用 Redux 在我的应用程序中放入一个表单组件，并且我试图弄清楚我必须为什么创建 Reducers / Actions。

在其他组件中，我将我的用户和消息传递到 mapStateToProps 并且它们工作正常。但是，在这个组件中，我从后端为 componentDidMount 方法中的表字段提取数据，我不确定是否只有要更改的数据存储在 Redux 中。

我还需要为表单创建一个减速器吗？还是直接发布到后端/节点/postgresql。我打算有一个用所有最新数据更新的表，以便我可以看到它被自动添加到检索数据的逻辑。

我对 React / JavaScript 很陌生，所以我的逻辑可能有点偏离，所以任何建议都将不胜感激。

潜水LogForm.component.js

因为我主要关心将表单数据添加到后端。我已经包含了diveLog.service.js 文件等

潜水日志.action.js

我的diveLog 注册操作可能有点偏离，因为我在编码时不理解reducer 的概念。

我有 tsx 文件返回这个：

我的 MapStateToProps 是这样的：

所以我的问题是如何将此代码放入 mapStateToProps？：

无法找到错误TypeError: ownProps.matchis undefined的解决方案。

我正在关注关于react-redux和 firebase 的教程来构建一个待办事项应用程序。下面的代码给出了当我在主仪表板上单击我的任务/项目并从 firestore 在 projectDetails 页面中获取该特定项目的数据时重定向到的组件。

ownProps函数中的mapStateToProps导致提到的错误。

任何解决此错误的帮助或实现此代码的替代方法将不胜感激。

在上面的代码中面临问题：

我学习 JavaScript 和 React Redux 并有这个问题：。

假设我有这个 Redux dispatch：

减速器就在这里，因为上面setLogMessage是这样的：

在mapStateToProps它看起来像这样：

问题是我到处玩，想在这种情况下学习箭头功能，并希望拥有上述props.log功能，成为解决上述问题() =>{"Connecting to env1", 12340, "connecting"})并将其传递给function createData(... 希望你能理解我的问题！

我正在学习重新选择的用法，但我对使用容器内的记忆选择器的方式感到困惑。

我有一个名为的组件Summary，它收到了 3 个道具subtotal, tipAmount , total 。

看起来像这样export const Summary = ({ subtotal = 0, tipAmount = 0, total = 0 })=>{...}。这些道具正在将我的连接注入到我用以下代码调用HOC的专用设备中。containerSummaryContainer

如您所见，此代码使用 3 个选择器selectTipAmount，selectSubtotal并且selectTotal我正在使用以下代码从选择器文件中导入。

所以这是我的问题：

const total = selectTotal(state);当我在里面调用 write时，mapStateToProps我将执行的结果传递给total常量，selectTotal(state) selector当我查看 时argument，它是 。state看起来我正在selectTotal selector通过传递和state参数调用需要一个state param。在实际实现中，选择等于这样的结果createSelect function：

我还没有看到状态在哪里argument通过。这是怎么回事？

该代码运行良好，但我不知道该state参数的使用位置。

当我看selectItems selector它时，它是有道理的，但是用我创建的选择器createSelector我迷路了。

我使用 Redux 并做出反应，并在一秒钟后在计时器中获取 redux 状态的值。Timer 每次执行时，state 的值不变，为初始值。state 中的初始值为

注意：状态中的值是正确的，只有定时器中的值是错误的和初始值。

我正在使用 redux 状态管理创建反应本机应用程序。我想知道连接（mapStateToProps，mapDispatchToProps）的最佳实践是什么。

我有几个组件类，即 ParentA、ChildA、ChildB。目前，我正在独立获取每个父类和子类的状态属性。

例如：

但是connect对于每个子组件，我可以从中获取item状态ParentA并将其传递给Child组件。

例如：

我的问题是，

1. 在考虑应用程序性能时，最好的方法是什么？
2. 我也可以使用相同的方法mapDispatchToProps吗？

我在 mapStateToProps 中遇到问题，它在控制台中显示未定义。我已将 console.log 放入 app.js 中，显示 loginval 未定义。这只是一个简单的 react redux 代码。我找不到我的错误。我已经尝试了我所知道的一切，但它仍然未定义。

index.js

应用程序.js

store.js

登录值.js

行动

我在我的代码库中遇到了一个问题，所以我制作了一个示例代码来演示这个问题。

代码和框代码的链接

应用程序.js

两个 console.log 浏览器控制台日志的截图：

appDataAction.js

appDataReducer.js

来自 react-redux 文档

mapStateToProps 函数的第一个参数是整个 Redux 存储状态（调用 store.getState() 返回的值相同）。

有人可以解释为什么两个控制台存在差异。我已经调试并发现从reducer mapStateToProps 返回后被调用并且它获取状态的更新值那么为什么this.props.appData 在handleChange 函数中不是最新的。

我相信它可能与脏状态有关，但如果它适用于函数中的 getState() 它也应该适用于 this.props.appData。

我正在尝试访问数组的不同索引以显示在我的一个组件中，但我遇到了麻烦。这是我目前正在使用的代码：

这是用户单击的按钮的代码，用于确定需要什么索引：

但这使得 props.weight 总是如何索引 0，而有时我需要索引 1、2 等。我使用 [0] 的原因是因为没有它，我会变得不确定。有什么帮助吗？