i want to display data on the page but getting and error : data is not defined. please look on the code and help me import { useEffect } from "react"; import axios from "axios"; import useLatestPosts from "../../hooks/useLatestPosts"; import…
I have a react app where on a certain screen I list scores, like so: Team 0 Team 0 Now this looks fine because both teams have the same number of characters. But not so here: San Antonio 0 Dallas…
I traveled through topics similar situation to mine, but I still not found the solution to my case. When I implemented checking token function on app.js to generate code for Unauthenticated User redirect to Signin page and Authenticated User jump…
This is my firebase.js import { initializeApp } from 'firebase/app'; import { getAuth } from 'firebase/auth'; import { getStorage } from 'firebase/storage'; import { getFirestore } from 'firebase/firestore'; const firebaseConfig = { apiKey: 'AIzaSyCUndICAUxUT3n_Q19F05BazSpLOkr2d1c', authDomain: 'chat-e7246.firebaseapp.com', projectId: 'chat-e7246', storageBucket: 'chat-e7246.appspot.com',…
I have useState as below: const [orderStandard, setOrderStandard] = useState("total"); And according to the value of orderStandard, I want to give props. This below code is ButtonGroup of BootStrap with ReactJS. https://react-bootstrap.github.io/components/button-group/#button-toolbar-props <ButtonGroup style={{ height: 35, display: "flex", justifyContent: "center",…
import React, { useState, useEffect } from 'react'; function DigitalClock() { const[currentTime, setCurrentTime] = useState(new Date()); useEffect(()=>{ const interval = setInterval(()=>{ setCurrentTime(new Date()); },1000); return () => clearInterval(interval); },[]); useEffect(()=>{ const second = currentTime.getSeconds(); if(second===0){ console.log("another minute passed"); } },[currentTime])…
I am using react-dropzone library to handle uploading image files. Now I would like to test this upload behaviour. The tests are written using cypress and I am using cypress-file-upload. Here's my component I tried to follow this example (https://gist.github.com/ZwaarContrast/00101934954980bcaa4ae70ac9930c60)…
So I'm just trying to use react-router-dom's Link component and whether it's in my main project or a recreate, it just causes the browser to go blank and throws a console error of "react__WEBPACK_IMPORTED_MODULE_0__.useContext(...) is null". The homepage is import…
I'm working on a simple react UI which uses react-router-dom for handling the pages and loads some iframes. At the moment everything works, but, everytime a user navigate back and forth a page containing and iframe, it gets rerendered. My…
Need help guys. the modal is not prompting the correct ID of the data that I want to delete I have a DataTable.jsx like this below. import React, { useState, useEffect } from "react"; import axios from "axios"; import DataTable…