1. history principle The visited addresses are stored on a stack (LIFO-last in first out) 2. history.go() /home ==> /home/qa ===> /home/video history.go(-1) // return to previous page, history.go(1) // go forward one page 3. history.replace() & history.push() Location Replace: The link of the page is set to the new one, Read more…
import React, {useEffect} from "react"; import { useFormik } from "formik"; import { Box, Button, FormControl, FormErrorMessage, FormLabel, Heading, Input, Select, Textarea, VStack, } from "@chakra-ui/react"; import * as Yup from 'yup'; import FullScreenSection from "./FullScreenSection"; import useSubmit from "../hooks/useSubmit"; import {useAlertContext} from "../context/alertContext"; const LandingSection = () => { Read more…
Here is an example to show PDF in webpage with React-pdf-viewer, including helpful default layout and loading progress bar. import { Viewer, ProgressBar, Worker } from '@react-pdf-viewer/core'; import { defaultLayoutPlugin } from '@react-pdf-viewer/default-layout'; import '@react-pdf-viewer/core/lib/styles/index.css'; import '@react-pdf-viewer/default-layout/lib/styles/index.css'; const PdfViewer = () => { const defaultLayoutPluginInstance = defaultLayoutPlugin(); return ( <div Read more…
I tried to display a PDF file on website with react-pdf and react-pdf-viwer, but all failed. The error showed in console is: SyntaxError: expected expression, got ‘<‘ This is caused by pdf.worker.js in pdfjs-dist, which is the dependency of the both two packages. For React-pdf, you can eject by yourself Read more…
Today I tried to get data from the back end by calling a GET request, and then saved it to the state. But it caused an endless loop that kept sending requests. The code is as follows const [article, setArticle] = useState(); axios.get(url).then(({data}) => { setArticle(data) }) Solution: Use useEffect Read more…