Javascript 反应本机,在for循环中创建按钮

Javascript 反应本机,在for循环中创建按钮,javascript,reactjs,react-native,Javascript,Reactjs,React Native,我正在尝试从eventbrite的API获取一些数据 数据是事件的名称,名称将插入列表中 在render中,创建的按钮数量与我从API获得的名称数量相同 下面我有几个问题 如何将API中的信息添加到数组列表中-以便我可以使用索引和值 如何在forloop中创建按钮 e、 g (变量i=0;i)的{ 常量视图1=[]; 对于(变量i=0;i); } componentDidMount(){ 返回获取('https://www.eventbriteapi.com/v3/events/search/l

我正在尝试从eventbrite的API获取一些数据

数据是事件的名称,名称将插入列表中

在render中,创建的按钮数量与我从API获得的名称数量相同

下面我有几个问题

  • 如何将API中的信息添加到数组列表中-以便我可以使用索引和值

  • 如何在forloop中创建按钮

  • e、 g

    (变量i=0;i)的
    {
    常量视图1=[];
    对于(变量i=0;i);
    }
    componentDidMount(){
    返回获取('https://www.eventbriteapi.com/v3/events/search/location.address=glasgow&token=F7AWKEHKD6BW2TZKWO7N&expand=venue')
    .then((response)=>response.json())
    .然后((responseJson)=>{
    对于(responseJson.events中的varx){
    这是我的国家({
    状态:this.state[Events].push(responseJson.Events[x][0][0][“text”],“\n”,)
    });
    }})
    .catch((错误)=>{
    控制台错误(error);
    });
    }
    render(){
    需要使按钮的数量与从API获得的名称的数量相同
    }
    
  • 对于问题1,api数据的数组形式将取决于数据在发送到应用程序之前的结构。您可能需要对此做更多的说明

  • 在循环中渲染视图,请尝试

    const renderButtons = () => {
    const views = [];
    for ( var i =0; i<5; i++){
     views.push(
        <Button
           key={i}
           onPress={onPressLearnMore}
           title="Learn More"
           color="#841584"
           accessibilityLabel="Learn more about this purple button"
        />);
    } // % buttons are created. 
    
    return views;
    }
    
    const renderButtons=()=>{
    常量视图=[];
    对于(var i=0;i
    
  • 对于问题1,api数据的数组形式将取决于数据在发送到应用程序之前的结构。您可能需要对此做更多的说明

  • 在循环中渲染视图,请尝试

    const renderButtons = () => {
    const views = [];
    for ( var i =0; i<5; i++){
     views.push(
        <Button
           key={i}
           onPress={onPressLearnMore}
           title="Learn More"
           color="#841584"
           accessibilityLabel="Learn more about this purple button"
        />);
    } // % buttons are created. 
    
    return views;
    }
    
    const renderButtons=()=>{
    常量视图=[];
    
    对于(var i=0;i当您需要从循环中返回某些内容时,通常会使用[
    Array.prototype.map
    ])。
    collection.map(b=>)
    我尝试放置render(){var array1=[1,4,9,16];array1.map(b=>)}它不起作用,我想将按钮放在其中,但我做不到-按钮总是在“它不工作”-什么东西不工作?好吧,它是不创建的…当您需要从循环返回某个东西时,您通常会使用[
    Array.prototype.map
    ]()。
    collection.map(b=>)
    我尝试放置render(){var array1=[1,4,9,16];array1.map(b=>)}它不工作,我想把我不能做的按钮放在里面-按钮总是在“它不工作”"-到底什么不起作用?好吧,它不创建…api只是想知道为什么键值不固定。因此,当我单击第一个按钮时,键值是5,然后当我再次单击第一个按钮时,键值6增加1。您知道如何获得固定键吗?键有助于识别哪些项已更改、已添加或已删除oved.应该给数组中的元素提供键,以便对元素进行稳定的身份检查我正在寻找使用视图索引的方法,因此当您单击第一个按钮(索引0)时,数组的值(索引0)将失效。我如何只存储索引..api只是想知道为什么键值是不固定。因此,当我单击第一个按钮时,键值为5,然后当我再次单击第一个按钮时,键值6增加1。您知道如何获得固定键值吗?键有助于识别哪些项已更改、已添加或已删除。应为数组中的元素提供键,以便对元素进行稳定的身份检查正在寻找使用视图索引的方法,因此当您单击第一个按钮(即索引0)时,数组的值(即索引0)将失效。如何仅存储索引。。
    const renderButtons = () => {
    const views = [];
    for ( var i =0; i<5; i++){
     views.push(
        <Button
           key={i}
           onPress={onPressLearnMore}
           title="Learn More"
           color="#841584"
           accessibilityLabel="Learn more about this purple button"
        />);
    } // % buttons are created. 
    
    return views;
    }