[REACTJS] 테두리없이 마지막 아이 : CSS - 기본 반응?

테두리없이 마지막 아이 : CSS - 기본 반응?

해결법

1. ---

   1.당신은 어떤 논리를 사용하여이를 수 :

   당신은 어떤 논리를 사용하여이를 수 :

   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>
     );
   });
   

   1 - 난, 반복자는, 책 배열의 길이와 동일한 경우는 이것이 수행하는 검사입니다.

2. ---

   2.당신은 확장 된 스타일 시트 지원을 시도 할 수 있습니다 : 마지막으로 아이를 :

   당신은 확장 된 스타일 시트 지원을 시도 할 수 있습니다 : 마지막으로 아이를 :

   import EStyleSheet from 'react-native-extended-stylesheet';
   
   const styles = EStyleSheet.create({
     book: {
       borderBottomWidth: 1,
       borderBottomColor: '#000000'
     },
     'book:last-child': {
       borderBottomWidth: 0
     }
   });
   
   return books.map((book, i) => {
     const style = EStyleSheet.child(styles, 'book', i, book.length);
     return(
       <View style={style} key={i}>
         <Text style={style}>{book.title}</Text>
       </View>
     );
   });
   

from https://stackoverflow.com/questions/37245481/react-native-css-last-child-without-a-border by cc-by-sa and MIT license