I want to upload images in a list using input file and display it. My code displays the 1st upload but after the 2nd upload it doesn't display. function DisImg() { const [file, setFile] = useState([]); function handleChange(e) { let…
I have a project that contains several interfaces, and among these interfaces there is an interface for displaying statistics in Dashboard. But I encountered a problem which is the infinite loop, what is the cause of the infinite loop and…
I currently have a Material UI Modal component added to my react/typescript project but I'm having some issues that I can't figure out. So on my current site, if you click on one of the card elements, it should open…
I have a design that I need to reproduce. The head and foot are green but the body background needs to be white. So far, I have tried changing the body background, but it changes the individual rows instead of…
I'm making an api call to get the information of certain companies linked by the id of a client. Lets suppose that the api call is the next: useEffect(() => { (async () => { await fetch('/api/myapi_where=clientId=' + idClient, {…
I've tried ^[0-9]$ And ^d$ But they're allowing +,++ When tried ^[^+]*$ it is still allowing +
I am trying to create an array of objects in the following manner: function allNewDice(){ const newDice = new Array(10).fill(0).map(x => { value: Math.ceil(Math.random() * 6), isOn : false } )} However next to isOn property, I am getting the…
my code is shared: https://codesandbox.io/s/crazy-haze-xw2qk3?file=/src/App.js I am having an issue with the CSS. after clicking any of the child elements, it changes two things: the newly produces div changes the alignment of its parent div the newly created div doesn't…
so i have a code that look like this <div className='w-[50%] h-full flex items-center justify-center flex-col'> <div className='container grid grid-cols-2 grid-rows-4 p-10 gap-5 w-full h-full'> <div className='row-span-1 border-2 border-black'>1</div> <div className='row-span-2 border-2 border-black'>2</div> <div className='row-span-2 border-2 border-black'>3</div> <div className='row-span-2 border-2…
I am using React and Tailwind. I am trying to conditionally render navbar elements based on whether a user is logged in or not. The items show in the navbar but they do not change based on whether the user…