【问题标题】:How to set default value in drop down in react native如何在本机反应的下拉菜单中设置默认值
【发布时间】:2020-01-29 15:03:53
【问题描述】:

在我的数组中,我在“选项”道具中获得了 5 个值,但我想设置默认值请选择,我已在 state.xml 中定义。 并试图进入价值道具。但它得到错误。 Label of undefined 基本上,当我在“请选择”下拉菜单中打开我的页面时,该数组值应该会出现。 请建议。 在选择字段下方,我创建了单独的组件。

<AndroidPicker
            mode="dropdown"
            iosIcon={<Icon name="chevron-down" type="MaterialCommunityIcons"/>}
            placeholder=""
            placeholderStyle={{ color: "#bfc6ea" }}
            placeholderIconColor="#007aff"
            style={{ width: '100%' }}
            selectedValue={value}
            onValueChange={(e) => onChange.bind(that, this.props, e)()}
          >
            {
              options.map((item, indx) => {
                let { label, value } = item;
                return <AndroidPicker.Item key={indx} label={label} value={value}/>;
              })
            }
          </AndroidPicker>

    this.state={
    religionValue:'Please Select'
    }

    religion: Array(5)
    0: {name: "Hindu", code: "H", __typename: "TroubleTicketMasterCode"}
    1: {name: "Christian", code: "C", __typename: "TroubleTicketMasterCode"}
    2: {name: "ISLAM", code: "I", __typename: "TroubleTicketMasterCode"}
    3: {name: "Others", code: "O", __typename: "TroubleTicketMasterCode"}
    4: {name: "Not Disclosed", code: "ND", __typename: "TroubleTicketMasterCode"}

 religionChanged = (key, val) => {
        this.handlereligionChanged({ field: "religionValue" }, val);
    };

    handlereligionChanged = (props, e) => {
        let tempObj = this.state.religionValue;
        tempObj[props.field] = e;
        this.setState({ religionValue: e });
    };

    let religionOptions = [];
            religion.map(({ code: value, name: label }) => {
                religionOptions.push({ value, label });
            });


        <SelectField
             label="Religion"
             value={this.state.religionValue}
             options={religionOptions}
             node="Religion"
             onChange={this.religionChanged}
             that={this}
             setIcon={true}
              />

【问题讨论】:

  • 你能分享你的religionChanged吗?
  • 嗨。我刚刚更新了我的问题,你现在可以查看

标签: javascript reactjs react-native ecmascript-6


【解决方案1】:

使用名为defaultValueSelectField 属性。在react-md site查看文档

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-09-29
    • 2013-11-09
    • 2018-02-08
    • 2017-01-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多