title: React Native - CSS :last-child without a border?
body: <p>In React Native, I have a static array of books that I map over and output in stacked rows like this:</p>
  
  <pre><code>return books.map((book, i) =&gt; {
    return(
      &lt;View style={styles.book} key={i}&gt;
        &lt;Text style={styles.book}&gt;{book.title}&lt;/Text&gt;
      &lt;/View&gt;
    );
  });
  </code></pre>
  
  <p>I also have a bottom border on each book via <code>styles.book</code>:</p>
  
  <pre><code>book: {
    borderBottomWidth: 1,
    borderBottomColor: '#000000'
  }
  </code></pre>
  
  <p>I need the last book in the list to NOT have a bottom border, so I'll need to apply <code>borderBottomWidth: 0</code> to it I think? In React Native, how can I get the last book in the list to not have that bottom border? (In normal css we'd use last-child)</p>