Блог

Я написал api, который возвращает jsondata и limit. Я создаю inputlist в scrollview по длине ограничения.При создании я устанавливаю значения для ввода из jsondata. Jsondata может содержать значение 0-30. Мне просто нужно, как сохранить это как массив.

Вот мой код, он дает значение для ввода, если не определено

Также мне нужен компонент onchange для ввода для ввода

 export  class DataListFor extends Component { 
    constructor() {   super();
      this.state = {
        dataSource: [],
        limit: 30,
        };   }
     
  
    componentDidMount() {
      const url = "https://sssaaaaaexample.herokuapp.com/getExample";
      
      this.setState({
        dataSource: this.props.route.params.list,
        limit: this.props.route.params.limit,
      })        
    }
  
  
    render() {
      var itemList = [];
      var data=this.state.dataSource;      
    for(let i = 0; i < this.state.limit; i  ){
  
    if(data[i]==undefined)
    { 
      itemList.push(      
        <View key = {i}>
          <View>
          <TextInput
        style={{ height: "auto",width:'auto', alignItems: 'center',
        fontSize: 20,borderColor:'white',borderWidth:1}}
        
        
      />
          </View>
        
        </View>
      )
    }
    else{
      
      itemList.push(      
        <View key = {i}>
          <View>
          <TextInput
        style={{ height: "auto",width:'auto',borderColor:'white',borderWidth:1}}
        
        value={data[i].text}
      />
          </View>
        
        </View>
      )
    }
        
    }
      return ( 
  
        <View style={{
          flex: 1,
          flexDirection: 'column',
          justifyContent: 'space-between',
        }}>
          <View  >
            <Text style={appStyles.listHeader}> To-do</Text>       
            
  
          </View>
  
          <ScrollView style={appStyles.scrollView}>

          { itemList }
          </ScrollView>
        

  <Button
        title="Save"
        onPress={() => console.log("saved")}
      />
        </View>
      )
  
    }
  }