reactjs预先选择单选按钮

时间:2018-05-15 06:35:51

标签: reactjs radio-button checked

我在客户的小组中有一个部分同意(或不同意)接收促销电子邮件。 我把它设置为两个单选按钮的选择,是或否。

从技术上讲,一切正常,我可以在数据库中存储正确的信息,但单选按钮的初始状态没有显示。正确的值将被发送给它的“父”,但它似乎没有传递给实际的形式。

我想要实现的是检查初始单选按钮(true,false):

enter image description here enter image description here

正在发送信息(第52行, [PROMO_CONSENT]:promo_consent ):

        [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
            }
        ]
    }

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

composer.lock

这是很多代码,如果有人想要通过它,我会很感激。

块: Panel main block

形式: Panel form, the part of consent starts at line 96

ChoiceGroup的: Component to manage radio buttons

1 个答案:

答案 0 :(得分:1)

我必须发送一个布尔值,但是把它变成一个字符串,发送文字“true”或“false”而不是true / false。

我设置了一个 const ,它检查了变量的状态,然后为其赋予了文字值:

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

这个简单的事情就行了。