anyone

my handler has got some bug i think it does not work smooth

so far i did this much export const UserCardDetails = ({ data }: Props): JSX.Element => { const [current, setCurrent] = useState(0); console.log(current1 ${current});

const onNextClick = (idx: number) => { setCurrent(current === idx ? 0 : current + 1); console.log(setCurrent ${current}); }; const onPrevClick = (idx: number) => { setCurrent(current === idx ? 0 : current - 1); console.log(setCurrent ${current}); };

const res = data.map((slide, idx) => { return ( <Card key={slide.id}> {idx === current && ( <Card.Body> <Row> <Col style={{ paddingBottom: '20px' }}> <FaArrowAltCircleLeft onClick={() => onPrevClick(idx)} style={{ float: 'left' }} /> <FaArrowAltCircleRight style={{ float: 'right' }} onClick={() => onNextClick(idx)} /> </Col> </Row> <Row> <Col> <h5>{slide.title}</h5> </Col> </Row> <Row> <Col> <img src={slide.url} alt={slide.title} /> </Col> <Col> <p>{slide.description}</p> </Col> </Row> </Card.Body> )} </Card> ); }); return <div>{res}</div>; };

Hi

@ call me

Hello

How does react works when creating a function but was never called, but the import to a file works on the return

i want to count the number of checkboxes while selecting using class component how to do it can somebody help?

Amazing

getting blank white screen in iphone using firebase cloud messaging!

anyone with deploying experience? :)