Javascript 反应本机,在for循环中创建按钮
我正在尝试从eventbrite的API获取一些数据 数据是事件的名称,名称将插入列表中 在render中,创建的按钮数量与我从API获得的名称数量相同 下面我有几个问题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
{
常量视图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获得的名称的数量相同
}
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;
}