问题标签 [react-redux]

在我的mapStateToProps函数中，我设置idToken和accessToken存储在状态中的值。这很有效，因为我已经能够从组件中引用这些值。在mapDispatchToProps我尝试使用这些道具作为我的行动中的论据。但是，ownProps是一个空对象。为什么没有idTokenand accessToken？

容器：

零件：

为什么我无法访问idTokenand accessTokenfrom ownProps？如果这是不正确的模式，应该如何idToken访问accessToken？

谢谢！

我是 React、React Native 和 Redux 的新手，所以在过去的几天里，我正试图围绕这些新闻概念展开思考。

我现在遇到的一个问题是在 Action Creator 中计算新数据，然后将其包裹在 action 对象周围并传递给 reducer，这需要来自状态树中其他分支的数据。你通常会如何解决这个问题？更改全局状态树的结构或将这条数据映射到需要它的组件？

给定状态树：

据说，每个分支都由不同的 reducer 处理，每个分支的数据作为 props 传递到单独的组件中。

这是场景（我正在使用 Redux 将React 教程翻译成 React Native）：

1. 在 SubmitForm 中单击提交按钮
2. --> 发送一个动作来通知 store 正在发送数据，然后异步抓取并发送 {title,text} 到 API 服务器。
3. 成功后 ---> 计算从 API 服务器返回的 dataSource 并将结果 dataSource 传递给 reducer（根据教程）。通过计算数据源，我的意思是 dataSource.cloneWithRows(....)（在此处解释），它需要来自 ListView 的数据源，如上所示。

所以我的想法是表单组件不应该有一个名为 dataSource 的道具，因为它来自状态树中的另一个分支。但是没有它，我不确定如何实现所需的数据源。根据我对 Redux 模式的理解，更改（在这种情况下合并 ListView 和 SubmitForm）状态树的结构也会很奇怪。那么有人可以帮我解决这个问题吗？谢谢

当我将console.log('test')语句放入减速器时，我可以在调用操作时在控制台中看到它们。但我没有在控制台中看到 redux“NEXT STATE”/“PREV STATE”的东西。

有什么基本的我可能会丢失吗？

在下面的代码中 - 我不是试图实现任何真正的功能，我只是试图设置 redux 并在控制台中查看状态变化（所以我知道我在正确的路径上）。

容器

减速器

行动

我已经用 React、Redux 和 React Router 构建了相当大的 webapp。它工作正常，直到我在 Chrome 中打开开发工具并且它明显减慢了 100 倍。我尝试在 Chrome 中分析应用程序，但是当我再次开始使用 Chrome 进行分析时，它开始工作的速度与关闭开发工具一样快，并且一切正常。

还检查了 Safari 和 Opera - 他们的开发工具也减慢了 webapp。为什么 React/Chrome 会如此严重地影响性能？这是否意味着我误用了 React 或者这是 React+Chrome 的常见问题？有什么解决方法吗？

我可以在没有服务器端实现（server.js）的情况下使用 Redux，只在客户端呈现吗？挑战是在不更改我当前的服务器设置（Apache + PHP）的情况下重写 Web 应用程序的一部分。

我正在学习 React 并遵循一些教程，我遇到了这段代码：

这是一个待办事项应用程序，这是主页，它加载了 2 个更小components的 . 我几乎什么都懂，但我什么也不懂：

• 做什么connect？我知道你必须传递 4 个参数（虽然我无法准确地得到这 4 个变量是什么）。
• 装饰器的实现@connect如何，转译后的代码会是什么样子？

提前致谢 ：）

我正在渲染我的 Redux 应用程序 -

编译后的代码是

这会抛出错误Uncaught Error: Invariant Violation: onlyChild must be passed a children with exactly one child.React的开发版本也抛出以下警告Warning: Failed propType: Invalid prop 'children' supplied to 'Provider', expected a single ReactElement.

如果我将其更改为简单

编译后的代码如下

并且可以正确渲染。

Provider 版本可以在桌面 chrome 以及设备上的 chrome 浏览器中正常加载。

任何指针？

My server has code like this:

<ReactRedux.Provider store={store}><Layout defaultStore={JSON.stringify(store.getState())}/></ReactRedux.Provider>

<Layout> obviously has more components which nest more.

I have a class like this deeper down:

What I really want to do rather than this.props.onClick is dispatch an event to set state in a reducer. I've been some things online about context but I've gotten mixed reviews as that feature was or wasn't going away.

EDIT I see this connect method but I could have sworn I'd read not to use connect in children components.

我正在为应用程序构建身份验证（使用 bcrypt、jwt）——react/redux/webpack——我在将身份验证功能连接到我的登录容器（我想在下面运行功能的登录表单）时遇到问题身份验证文件并将用户发布到我们的数据库）。

当我尝试将我的身份验证代码（如下）中的登录功能（import { signin} from './Auth/controllers/authentication'）导入我的登录容器时，我收到了一个令人讨厌的错误。我究竟做错了什么？如何在我的登录模式/屏幕中使用身份验证功能？

这就是（错误之一），现在是代码（下面的身份验证，以及登录模式）：

这是登录代码：

redux-form 文档说装饰器接受一个必需参数（配置对象）和四个可选参数（在 react-redux 中reduxForm()传递给装饰器的四个参数相同）。connect但是，当我将mapStateToProps()函数作为参数传递给reduxForm()装饰器时，mapStateToProps()实际上并没有运行。请参阅下面的简化代码示例。解释器永远不会到达debugger语句。我对 redux-form 文档有误解吗？