制如果您的开发服务器已

[Mitu46544]

复经在运行这将导致您的主页抛出错误组件现在需要配置文件数据。在该文件中使用本系列第二部分中编写的函数。使用此函数在函数内部加载登录用户的数据。然后将该数据提供给组件。复制您现在可以访问所需的数据。如果您之前因缺少此数据而收到错误则在浏览器中刷新页面应该会在页面右上角显示配置文件按钮已成功呈现。创建模态目标是在单击配置文件设置按钮时打开配置文件设置模式。与本系列上一部分中构建的模态类似您需要设置一个嵌套路由在其中渲染新模态。



添加一个名为以下内容 WhatsApp 号码数据 的新文件以启动它复制上面的片段将模态渲染到新组件中。在函数中检索并返回登录用户的数据。使用钩子访问从函数返回的数据。要打开这个新模式请向组件添加一个处理程序使用的钩子将用户导航到子路线。复制如果您现在单击配置文件设置按钮您应该会看到屏幕上显示新的模式。构建表单您将构建的表单将包含三个字段允许用户修改其个人资料详细信息名字姓氏和部门。通过添加名字和姓氏输入开始构建表单复制以下是上面添加内容的概述添加了所做更改中所需的导入。





创建了一个保存表单值的状态对象。这会将这些值默认为登录用户的现有配置文件数据。创建了一个接受事件和字段名称作为参数的函数。这些用于在组件中输入字段的值发生变化时更新状态。呈现表单的基本布局以及两个输入字段。在该部分下方您将看到存储桶策略部分。粘贴以下策略并确保替换为您的存储桶的名称。此政策将允许公开阅读您的图像复制您现在已经设置了用户和存储桶。接下来您需要将密钥和存储桶配置保存到文件中以便稍后使用。复制更新您的架构现在您将在数据库中创建一个字段在其中存储上传图像的链接。