if(inputData.info[0].instruction){
return (
<Text ref={instructionContainerRef} dangerouslySetInnerHTML={{
__html: replaceTextLinks(inputData.info[0].instruction)
}}>
</Text>
)
}
else {
return null
}
So the possible index positions for the inputData.info] index are 0-68. How can I achieve to check whether there exists data for an array index between 0-68, and if it finds one than then to return the if statement with this array index?
Well, what about:
function checkItems(info, length) {
return Array
.from(Array(length).keys())
.map((_, i) => info[i] && info[i].instruction)
.filter(item => item).length === length;
}
let index = 14;
return checkItems(inputData.info, 68) ?
<Text ref={instructionContainerRef} dangerouslySetInnerHTML={{
__html: replaceTextLinks(inputData.info[index].instruction)
}}> :
null;
inputData.info.find(inf => !!inf) will return the first object that is not null or undefined.