Arrays 如何设置状态(数组)并验证使用循环反应本机添加的多个文本输入

Arrays 如何设置状态(数组)并验证使用循环反应本机添加的多个文本输入,arrays,validation,react-native,state,textinput,Arrays,Validation,React Native,State,Textinput,(react native的新增功能)我在屏幕中添加了n文本输入数: 需要为这些text输入设置状态(数组) 如何在按下按钮时验证它们以确保它们不是空的 renderFields(listNum){ var numLists=parseInt(listNum,10); var字段=[]; var numStr=“”; for(设i=0;i ); } 返回字段; } render(){ const{navigation}=this.props; const listNum=navigation.g

(react native的新增功能)我在屏幕中添加了
n
文本输入数:

  • 需要为这些
    text输入设置状态(数组)
  • 如何在按下按钮时验证它们以确保它们不是空的
  • renderFields(listNum){
    var numLists=parseInt(listNum,10);
    var字段=[];
    var numStr=“”;
    for(设i=0;i
    );
    }
    返回字段;
    }
    render(){
    const{navigation}=this.props;
    const listNum=navigation.getParam(“listNum”,2);
    返回(
    {this.renderFields(listNum)}
    this.validateEnum()}>
    这是一个V
    );
    }
    不能再往前走了,请帮忙
    
    您可以按如下方式进行验证:

    ref={o=>(this[“ref_”+i]=o)}


    要从TextInput获取文本,请创建自定义
    TextInput

    ,您可以按如下方式进行验证:

    ref={o=>(this[“ref_”+i]=o)}


    要从TextInput获取文本,请创建自定义
    TextInput

    考虑使用redux表单库进行验证。这比手工验证每个字段要好得多


    考虑使用redux表单库进行验证。这比手工验证每个字段要好得多

    validateNum() {
      var isValid = true;
      this.forms.some((i,index)=> {
                if (this["ref_"+index] && !!this["ref_"+index].text() ) {
                   isValid =false;
                }
            });
      return isValid;
    }