我正在使用tcomb插件在react native中生成动态表单

时间:2018-11-16 15:24:00

标签: react-native react-android tcomb-form-native

一切都很好,但是我的表单包含选择下拉列表,即使我没有指定,我也会在第一时间获得'-',如何删除它(您可以在屏幕截图中看到)

Here is the screenshot

 const dForm = t.struct({
    items:t.enums({
      "30":"30",
      "31":"31",
      "32":"32",
      "33":"33",
      "34":"34",
      "35":"35",
      "36":"36",
      "37":"37",
      "38":"38",
      "39":"39"
    },"Items")

      <t.form.Form
          type={dForm}
          ref="mandatory"
      />

2 个答案:

答案 0 :(得分:0)

所以我看不到您是否在组件中设置了initialState,但是您可能希望使用componentDidMount方法

  getInitialState() {
   return {
     value: {
      "30":"30"
    }
  }

并以这种方式设置您的状态。

答案 1 :(得分:0)

选项1。您可以使用此代码替换空值(-)第一个选项

items: {
    label: 'Your Label',
    nullOption: {value:'', text: '- - - Choose Items - - -'},
},

选项2。,您可以将nullOption设置为false