【问题标题】:Im using tcomb plugin for generating dynamic form in react native我使用 tcomb 插件在 react native 中生成动态表单
【发布时间】:2018-11-16 15:23:59
【问题描述】:

一切正常,但我的表单包含选择下拉菜单,即使我没有指定,我在第一个得到“-”,如何删除它(您可以在屏幕截图中看到)

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"
      />

【问题讨论】:

  • 请发布您的代码。
  • @OrthoHomeDefense 完成请检查
  • 为什么截图是40-49,结构是30-39?你确定你看的是正确的吗?
  • @Ortho Home Defense 我有两个选择都相同

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


【解决方案1】:

所以我无法查看您是否在组件中设置了 initialState,但您可能希望在您的 componentDidMount 方法中设置

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

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

【讨论】:

  • 当我设置默认值而不是显示“-”时,它显示 30,这很好,但是当打开选择时,它再次显示“-”
  • 在options对象中,设置nullOption为false。
【解决方案2】:

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

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

选项2.你可以设置nullOption为false

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多