24、React、Redux与Firebase开发实战

React、Redux与Firebase开发实战

1. UserProfile组件与Redux连接

在开发中，我们可以创建一个名为 UserProfile 的组件，并将其与 Redux 进行连接。以下是相关代码：

export default connect(null, mapDispatchToProps)(UserProfile);

这里，我们从应用文件中导入了 connect 函数和 updateEmail 动作。 UserProfile 组件接收两个属性： user 和 onUpdateEmail 。 user 属性是一个表示当前用户的对象，而 onUpdateEmail 属性是一个函数，它会使用 userId 和 newEmail 参数来分发 updateEmail 动作。

我们还创建了一个 handleUpdate 函数，该函数会使用当前用户的 userId 和电子邮件输入字段的值来调用 onUpdateEmail 函数。最后，我们使用 connect 函数将组件连接到 Redux 存储。由于在这个组件中我们不需要从存储