reactjs pre-select 单选按钮

Question

我在客户面板中有一个部分同意（或不）接收促销电子邮件。我将其设置为两个单选按钮的选择，是或否。

技术上一切正常，我可以在数据库中存储正确的信息，但单选按钮的初始状态未显示。正确的值被发送到它的 'parent' 但它似乎没有传递到实际的形式。

我想要实现的是选中初始单选按钮（true，false）：

正在发送信息（第 52 行，[PROMO_CONSENT]：promo_consent）：

        [PROMO_CONSENT_FORM]: {
        label: _t(panelMessages.promos),
        data: Promo,
        form: {
            formId: PROMO_CONSENT_FORM,
            data: {
                [PROMO_CONSENT]: promo_consent
            }
        }
    }

但它似乎没有显示在其他任何地方。为了管理单选按钮的状态，正在调用组件 FormChoiceGroup component: FormChoiceGroup,。

        [PROMO_CONSENT_FORM]: {
        formId: [PROMO_CONSENT_FORM],
        endpoint: '/accounts/set_promo/',
        fields: [
            {
                name: PROMO_CONSENT,
                label: _t(panelMessages.promoLabel),
                component: FormChoiceGroup,
                type: 'radio',
                isRequired: false
            }
        ]
    }

代码很多，如果有人想看一遍，我将不胜感激。

阻止： Panel main block

表格： Panel form, the part of consent starts at line 96

选择组： Component to manage radio buttons

Answer 1

我必须发送不是布尔值，而是将其转换为字符串，以发送文字 "true" 或 "false" 而不是 true/false。

我设置了一个 const 来检查变量的状态，然后用文字值赋值给它：

const val = this.state.formData[field.name] == false ? "false" : "true";

这个简单的事情就成功了。

reactjs pre-select 单选按钮

reactjs pre-select radio button

reactjs

radio-button

checked