Rails+React+Redux项目实现Devise用户角色时始终返回默认角色问题

1. 修复前端React表单的下拉选择逻辑 #

你当前的select标签存在3处错误，导致选择的角色值根本不会提交到后端：

• 没有加name="role"属性，handleUserInfoInputChange无法识别要更新的字段是role
• 没有绑定onChange={handleUserInfoInputChange}事件，切换下拉选项时不会触发表单数据更新
• 两个option的value值都写死为当前表单的role初始值，切换选项不会产生值变化

修复后的select代码如下：

<select name="role" value={signupFormData.role} onChange={handleUserInfoInputChange}>
  <option value={0}>Member</option>
  <option value={1}>Business or Event</option>
</select>

这里的value值0和1对应你后端enum定义的member、business_event枚举值，和你reducer的初始值逻辑也匹配，不需要修改reducer的初始配置。

2. 配置Rails后端强参数白名单 #

你使用了Devise gem，默认不会允许自定义的role参数入库，需要手动添加参数白名单。在app/controllers/application_controller.rb中添加如下配置：

class ApplicationController < ActionController::Base
  before_action :configure_permitted_parameters, if: :devise_controller?

  protected

  def configure_permitted_parameters
    devise_parameter_sanitizer.permit(:sign_up, keys: [:username, :email, :password, :role])
  end
end

如果你没有使用Devise默认的注册接口，是自己写的用户创建接口，直接检查对应controller的强参数逻辑，把role加入permit列表即可。

3. 可选：优化User模型默认值写法 #

你当前用after_initialize设置默认值的逻辑是没问题的，||=只会在role为空的时候赋值默认值，不会覆盖你主动传入的角色值。如果想要更简洁的写法，可以直接在迁移文件给role字段加默认值，替换原来的after_initialize逻辑：

class AddRoleToUsers < ActiveRecord::Migration[6.1]
  def change
    add_column :users, :role, :integer, default: 0
  end
end

修改后可以把User模型里的after_initialize :set_default_role定义和对应的set_default_role方法删除，效果完全一致。

4. 验证流程 #

修复完成后按以下步骤验证即可：

• 前端选择「Business or Event」选项，提交前打印signupFormData确认role值为1
• 后端接收参数时打印params，确认role参数已正确传入
• 保存用户后在Rails控制台查询，确认role字段值为1，对应business_event角色

内容的提问来源于stack exchange，提问作者user16644688