React循环列表最后一条不显示borderBottom

小记：

刚接触React，在做项目的时候遇到一个问题，就是在循环的列表中，其他数据的View加一个borderBottom，让最后的一个数据的样式没有

图示：

 代码：

return books.map((book, i) => {
  return(
    <View style={ (i === books.length - 1) ? styles.noBorderBook : styles.book} key={i}>
      <Text style={(i === books.length - 1) ? styles.noBorderBook : styles.book}>            
       {book.title}
      </Text>
    </View>
  );
});

传送门： 原文章