React watercooler
November 16, 2017 at 9:01pmReact watercooler
November 16, 2017 at 9:01pmMay 22, 2021 at 12:09pm
May 24, 2021 at 7:23pm
May 31, 2021 at 1:01pm
Hello Everyone. I have this error everytime I upload big img files. I am using Redux persist. I dont know how to fix it everytime the storage if full. Hope anyone could help me.
June 2, 2021 at 3:35pm
June 8, 2021 at 10:47pm
Hi, i'm trying to add an avatar upload field to the contact form - to this: https://github.com/redhulkrko/ContactFox
Can anyone help me determine the basic changes required to ContactState.js, contactReducer.js and ContactForm.js
I understand Content-Type have to be changed to multipart/form-data?
I think then at some point I would need to set const formData = new FormData();
To append the file? Not sure where I would do that in ContactState.js or ContactForm.js?
June 22, 2021 at 10:27am
July 8, 2021 at 11:10am
August 2, 2021 at 2:31am
hi all, good day, I am new to react and need some help from community to see if there is any online resource to solve my problem. I have array of objects it has id, title, description.. I want to show the data as card and when I click on next and previous button, I want my data to change .. can please anyone help me
anyone
August 2, 2021 at 10:38am
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>;
};
August 15, 2021 at 8:28pm
@ call me
August 19, 2021 at 6:11pm
How does react works when creating a function but was never called, but the import to a file works on the return
August 20, 2021 at 12:59pm
August 20, 2021 at 10:05pm
August 23, 2021 at 7:03am
August 23, 2021 at 9:58pm