react-native - 如何多次返回相同的元素

Question

<View style={{flexDirection: 'row', alignItems: 'center'}}>
    <Icon color='red' name='star' />
    <Icon color='red' name='star' />
    <Icon color='red' name='star' />
    <Icon color='red' name='star' />
    <Icon color='red' name='star' />
</View>

对于上面的代码，不用敲五次Icon，如何写一个函数返回具体的次数。

标签： react-native

Answer 1

像这样的东西应该可以工作，但可能有更好的方法。

     getMyIcons = () => {
         let iconArray = []
         for (let i = 0; i < 5; i++ ){
            array.push(
                <Icon color='red' name='star' />
            )
        }
        return iconArray
    }

...

render{
    return(
        {this.getMyIcons()}
    )
}