想在多个选择器中通过循环生成数字反应本机

时间:2019-01-07 12:08:53

标签: react-native

enter image description here

伙计们,我在应用程序中使用了多个选择器。.我想展示的是我想通过循环从1到69生成num。但是当我尝试逐个生成数字时,它给了我错误未定义不是函数...

我在全局和渲染函数中尝试了一个循环,但是每次遇到相同的错误时...

 export default class Createottery extends Component {
   static navigationOptions = {
    header: null
   }
  state = { selectedFruits: [],mynum:[] }

  onSelectionsChange = (selectedFruits) => {
  //alert(JSON.stringify(selectedFruits))
// selectedFruits is array of { label, value }
this.setState({ selectedFruits:selectedFruits })
alert(JSON.stringify(this.state.selectedFruits))
 }
  componentDidMount(){
    for(let mylottery=0; mylottery<=69;mylottery++)
    {
        this.setState({mynum:mylottery})
            //alert(mylottery)
    }
      }
       render () {
  let comeon=0
  for(comeon=0;comeon<=5;comeon++){

comeon=comeon      }
return (
    <Container style={styles.Containerstyle}>
        <Header searchBar rounded style={styles.headerstyle}>
      <Item style={{backgroundColor:'#000'}}> 
        <Input placeholder="Lottery" placeholderttextSize={22} placeholderTextColor={'#fff'}/>
        <Icon name="search"  style={{color:'#fff'}} size={22}/>
      </Item>

    </Header>
<Content>
  <View >
      <Text style={{color:'#000',alignItems: 'center',fontSize:22}}>select any 5 number or quick pick</Text>
    <SelectMultiple
      style={{backgroundColor:'black'}}
     items={comeon}
      //selectedItems={this.state.selectedFruits}
     // onSelectionsChange={this.onSelectionsChange} 
      />
  </View>
</Content>
  </Container>
)

我想在我的应用程序启动时给出我想通过循环生成的所有数字

1 个答案:

答案 0 :(得分:0)

1)因为您要向from ... import *组件的项目发送号码。项目应该是对象数组。

SelectMultiple

2)在componentDidMount中创建数组时,您在做同样的错误。您正在将每个循环号码设置为<SelectMultiple style={{backgroundColor:'black'}} items={comeon} {//this should be array instead of number} selectedItems={this.state.selectedFruits} onSelectionsChange={this.onSelectionsChange} />