{data.map((item, idx) => ( 

                            <PdfRow key={idx}>

                                <PdfCell cellLeft style={styles.cellBottom}>{item['GDS_NM']}</PdfCell>

                                <PdfCell style={styles.cellBottom}>{item['CAR_NO']}</PdfCell>

                                <PdfCell style={styles.cellBottom}>{item['BIZ_DATE']}</PdfCell>

                                <PdfCell style={styles.cellBottom}>L</PdfCell>

                                <PdfCell style={styles.cellBottom}>{item['QTY']}</PdfCell>

                                <PdfCell style={styles.cellBottom}>{numberFormat(item['PRICE'])}</PdfCell>

                                {selectTab == 1 &&

                                <>  

                                    <PdfCell style={styles.cellBottom}>{numberFormat(item['SPLY_AMT'])}</PdfCell>

                                    <PdfCell style={styles.cellBottom}>{numberFormat(item['VAT'])}</PdfCell>

                                </>}

                                <PdfCell style={styles.cellBottom}>{numberFormat(item['AMOUNT'])}</PdfCell>

                            </PdfRow>

                                ))}

해당소스인데 이소스에서 idx %2 ===0 ? aaaaaa  : bbbbbbb 라는 조건문으로 a에는 푸른색 b에는 흰색이 나오도록 스타일을 리턴하고싶은데 스타일에 적용이안되는데 왜이럴까여