根据另一个字段的值禁用一个字段

BigD

我正在尝试实现一项基本功能,以基于另一个字段的值禁用一个字段。这是代码示例:

import React from 'react'
import t from "tcomb-form-native";
import {Text, View, TextInput, TouchableHighlight } from 'react-native';

const Form = t.form.Form;

var Type = t.struct({
  disable: t.Boolean, // if true, name field will be disabled
  name: t.String
});

var options = {
  fields: {
    name: {}
  }
};

export default class App extends React.Component {

  constructor(props){
    super(props);
    this.state = {
      options: options,
      value: null
    }
  }

  onChange(value) {
    var newOptions = t.update(this.state.options, {
      fields: {
        name: {
          editable: {'$set': !value.disable}
        }
      }
    });
    this.setState({options: newOptions, value: value});
  }

  onPress() {
    var value = this.refs.form.getValue();
    if (value) {
      console.log(value);
    }
  }

  render() {
    return (
      <View style>
        <Form
          ref="form"
          type={Type}
          options={this.state.options}
          value={this.state.value}
          onChange={this.onChange}
        />
        <TouchableHighlight style onPress={this.onPress} underlayColor='#99d9f4'>
          <Text style>Save</Text>
        </TouchableHighlight>
      </View>
    )
  };

}; 

当我运行给定的代码时,我遇到以下错误TypeError: undefined is not an object (evaluating 'this.state.options')这是一个非常基本的示例,因为我仍然是新手,我试图了解此代码示例的实际工作方式。任何帮助表示赞赏。谢谢。

马特·阿夫特

es6类不会自动绑定,如果使用属性初始化器,它将作用this于您的类:

onChange = (value) => {
  //
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Django根据另一个字段值禁用字段

根据另一个字段更新一个字段

根据另一个字段的值在MongoDB中投影一个字段

如何根据另一个字段的值启用或禁用字段值的编辑?

如何根据另一个字段的值设置输入字段值?

如何根据另一个字段值创建字段类型?

Django根据另一个字段的值验证字段

如何根据另一个字段计算字段值?

JSON模式条件:根据另一个字段的值,该字段是必需的

根据另一个字段的值验证Django模型字段?

Laravel根据另一个字段的值来验证该字段

Bootstrap x-editable:根据另一个字段的值验证字段

需要一个字段或另一个字段

一个字段基于另一个字段的求和

选择案例/根据另一个字段更新一个字段

根据另一个字段的内容替换一个字段的内容

Json模式根据另一个字段验证一个字段的长度

如何在反应中根据另一个字段更新一个字段?

当另一个字段值更改时更新一个字段值

检查一个字段的值是否在另一个字段中

将setFieldValue用于一个字段,基于另一个字段的值

Laravel Validator Facade-根据另一个字段值验证大小

熊猫数据框根据另一个字段的条件更改值

根据另一个字段的值验证 JSON 数据

SQL仅根据另一个字段的值过滤一个字段的某些值

根据另一个计算一个字段

根据在另一个字段中输入的值自动填充访问中的一个字段

我们可以根据另一个字段的值来更改一个字段的字体颜色吗?

如何根据另一个字段中的值在一个字段中查找和替换?