In the following useEffect, data is fetched and is logged successfully: const [allBooks, setAllBooks] = useState([]); useEffect(() => { axios.get('/all_books').then(res => { setAllBooks(res.data); console.log(res.data) //console.log(allBooks) }).catch(error => { console.log(error); }); }, []); //... return( {allBooks.length > 0 ? ( <div…
I'm creating a verification page with a token parameter using react, express and axios Here's the page script: import React, { useState, useEffect } from 'react'; import { useParams } from 'react-router-dom'; import axios from 'axios'; import { Typography }…
Everyone, I was migrating react-chartjs-2 from v2 to v5 but, and here is my code, I lost the gradient color, which is not working in v5. and not be able to figure out what was wrong or what I missed…
Using react-bootstrap, I'm creating a "todo" list and I want to have a line drawn through the text when I check a checkbox. I suspect that my problem lies in trying to use a ref within a map function. I…
I am working with a form in react, So I created custom hook for handling form and validation, which is working fine, But I recently found some issue in that, which not good for more than one form, suppose one…
I'm trying to focus an input box that is inside an Antd tab whenever the user clicks this tab (i.e., whenever the input box is visible). I'm using the useImperativeHandle hook to achieve this. parent component const Parent=()=>{ const threadRef=useRef()…
I want to use the useState to store the value of the combined arrays. I am now getting the one and two array however I cannot concat both array into one. And I want to store them in a useState…
I have a simple useEffect in my component to fetch data from 3 API calls: useEffect(() => { Promise.all([ fetch(`${baseUrl}/counts?entity=color`), fetch(`${baseUrl}/counts?entity=brand`), fetch(`${baseUrl}/counts?entity=category`) ]).then(([x, y, z])=> { console.log(x.json(), y.json(), z.json()); }); }, []); I'm expecting the actual data I get from…
I am hearing term "Avoid using useEffect() in your react app". I tried to look for the answers but could not find anything which answers specifically what should I use instead of useEffect? For example consider below cases. I have…
I have an input element listening to an event, how do I pass the value of the input to a React State? const [business, setBusiness] = useState('Value should be entered here') <input placeholder="Search Businesses" onChange={"pass the value"}/>