Javascript – React onSubmit throws error but still works
I am having an issue understanding why my react component is throwing an error with my form. If I hit enter it does not work as expected as in it does nothing. If I click it will work but it…
Javascript – Object as a checkbox value
I have an array of objects and I map through them. {alltasks.map((task) => ( <div key={task.task}> <input type="checkbox" name="task" id={task.task} value={task} className="hidden peer check" /> <label for={task.task} className="inline-flex items-center justify-between w-full p-5 text-white bg-transparent border-2 border-slate-600 rounded-lg cursor-pointer peer-checked:border-emerald-500 hover:border-emerald-700">…
Javascript – Ojects are not valid as a React child (found: [object Response]) when using react redux
I am building a react application with Django rest framework (Djoser) for athentication. Now to manage authentication I am using react redx. bt somehow getting this error when passing stattoprops using connect method. not sre where exactly the error is.…
Javascript – how can i display the first 100 characters of a blog post which is written using rich text editor
i am making a blog where the blog content is written using rich text editor before using rich text editor i used substring to display first 100 characters but now since rich text from my api is coming as an…
Javascript – How do I make an array of objects in react JS
My API gives me data in the following format: { status: 200, certificateTypes: [ { id: 1, name: 'Gasmeting', created_at: '2023-04-25T07:15:55.000000Z', updated_at: '2023-04-25T07:15:55.000000Z', }, { id: 2, name: 'Mangatwacht', created_at: '2023-04-25T07:16:13.000000Z', updated_at: '2023-04-25T07:16:13.000000Z', }, ], // ... } I used…
State variable doesn’t get updated in ReactJS – Javascript
Sample JSON: { "tutor_id": "1", "first_name": "Martin", "last_name": "Smith", "grade": "Senior", "subject": "Integral Calculus", "subjects": [{ "subject_id": "2", "subject": "Linear Algebra" }] } My goal is to access "subject":"Linear Algebra" in the latter part of the JSON above. tutorDetails.subjects works…
Javascript – How to render same component with different props inside react-router <Route>?
I have a News component which takes some props, and I want to make it re-render whenever I click on <Link /> with the corresponding category props. It updates the URL but does not re-render the component. <Routes> <Route path="/"…
React App using Tailwindcss – Image Responsiveness as Screen Grows the Image Stretches Even though have CSS not to
I tried and looked up all that I could and still not finding any solutions or clues. Someone out there knows and. I appreciate the understanding, thank you. Code for div's that house the backgroundImage for the slider - I…
Many requsets(CRUD) to backend in one useEffect – Javascript
I have one simple question. In my ToDo list app, creating by React, i have many requests to the server (at list 4 requests with a different methods - GET, POST, PATCH, DELETE), where i should write they ? If…
how map to specific number of an array length – Javascript
a have array like this array = [{name : john , age:20},{name : jack, age:24},{name : rose, age:26},{name : david, age:40}] the array.length is 4 and i wanna mapped in react like this array.map((list)=>( <h1>{list.name}</h1> <h2>{list.age}</h2> )) but i wanna…