I'm trying to display checkbox of some of the popular links but I face this problem. I can't return more than one item (first one). Any Ideas how to display all of them (5).
private getItems(){
let items:JSX.Element;
let data=this.state.items;
for(let i=0;i<data.length;i++){
if(data[i].Title="Google"){
items= (
<div>
<Checkbox
label={data[i].Title}
disabled={ true }
defaultChecked={ true }
styles={ styles }
/>
<br/>
</div>);
}
else if(data[i].Title="Yahoo"){
items= (
<div>
<Checkbox
label={data[i].Title}
disabled={ false }
defaultChecked={ true }
styles={ styles }
/>
<br/>
</div>);
}
else{
items= (
<div>
<Checkbox
label={data[i].Title}
disabled={ false }
defaultChecked={ false }
styles={ styles }
/>
<br/>
</div>);
}
console.log(data[i].Title);
return items;
}
}