Arrays 如何设置状态(数组)并验证使用循环反应本机添加的多个文本输入
(react native的新增功能)我在屏幕中添加了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
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;
}