在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 如何動態(tài)設(shè)置antd switch 組件的valuePropName和initi

如何動態(tài)設(shè)置antd switch 組件的valuePropName和initialValue

step 1、在父組件中：

constructor(props) {
    super(props);
    this.state = {
        checkState:'checked',
        enable:true
    }
} 

this.setState({
    checkState:'unChecked',
    enable:false
})

step 2：在調(diào)用子組件form前

<FormE ref={this.saveFormRef} checkState={this.state.checkState} enable={this.state.enable}/>

step 3:form子組件

const { form,checkState,enable} = this.props;
const { getFieldDecorator } = this.props.form;

{getFieldDecorator('status', {
      rules: [{ required: false}],
      valuePropName:{checkState},
      initialValue:{enable}
                                        
 })(
    <Switch checkedChildren="啟用" unCheckedChildren="禁用"/>
 )}

運(yùn)行報(bào)錯(cuò)，valuePropName:{checkState}這里應(yīng)該怎樣寫才能動態(tài)設(shè)置呢？萬分感謝！

回答
編輯回答
尛曖昧

官方文檔)描寫的很清楚呀：

const { form,checkState,enable} = this.props;
const { getFieldDecorator } = this.props.form;
{getFieldDecorator('status', {
      rules: [{ required: false}],
      valuePropName: 'checked',
      initialValue: enable
                                        
 })(
    <Switch checkedChildren="啟用" unCheckedChildren="禁用"/>
 )}
2017年2月19日 16:44