I am fetching a list of items from a local Data.js file and displaying it using map method in Header.js. But when I click on user image then it should go to user detail page and should display all the…
This is my Component: function Test() { const [data, setData]=useState<Array<string>>([]); console.log('Hello:', data); useEffect(()=>{ console.log('data: ', data) }, [data]) const test1 = () => { setData(data.concat('a')); } const test2 = () => { setData(data); } return ( <> <button onClick={test1}>Button one</button>…
I have function in parent component const getFilename= (filedata)=> { console.log(filedata); } And pass call a child component from parent <FileUpload getFieDetails={getFilename} /> Childcomponent function: const [files, setFiles] = useState([]) const uploadHandler = (event) => { const file = event.target.files[0]; console.log(file); if(!file) return; file.isUploading = true; setFiles((prevState) => [...prevState, file]) props.getFieDetails(files); ) } when i console files from child component…
Following code to fetch data from firebase firestore and set to a state 'products' in useEffect : const { firebase } = useContext(FirebaseContext) const [products, setProducts] = useState([]) const db=firebase.firestore(); useEffect(() => { const unsubscribe = db.collection("products").onSnapshot((snapshot) => { const…
I have a scrolling view of posts. Each post has a corresponding user and I have a header that shows the user info of the current visible post. With Flutter this was simple, I just wrapped the post widget with…
I trying map data which i get using custom hook that recives data from my "storage" (which is actually a class with array of objects and async function to get them) i reciving an error: Cannot read properties of undefined…
I try to fetch data from the server and then send it to the frontend. function App() { const {message, setMessage} = useState("") useEffect(() => { fetch(`http://localhost:8080/message`) .then((res) => res.json()) // .then((data => console.log(data.message))) <---- This work just fine .then((data)…
I have an array of objects like so: const [categories, setCategories] = React.useState([ { id: 1, title: 'Top Picks', subTitle: "Today's hottest stuff", images: [], searchQuery: 'shoes', }, ...]); Which I update with values in useEffect once like so: React.useEffect(()…
The welcome page should ONLY appear during the first visit to the site Accordingly, I used the useEffect hook, inside it I define the LocalStorage constant. I also use setTimeout to make the greeting disappear after a certain amount of…
I am Passing a function from Parent component to child component and then calling that function in child component to update the state of parent component. In Parent component: const [todos, setTodos] = useState([]); const updateTodoInUiAfterEdit = (updatedTodo, todoIdOfEdited)=>{ var…