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
There are hundreds of semantic tags available to help describe the meaning of your HTML documents. Below is a cheat sheet with some of the most common ones you’ll use in this course and in your development career. Sectioning tags Use the following tags to organize your HTML document into Read more
Strapi is an open-source headless CMS that gives developers the freedom to choose their favorite tools and frameworks and allows editors to manage and distribute their content using their application’s admin panel. API parameters can be used in conjunction with the REST API to filter, sort, and page results, as 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
After upgrading Strapi from v3 to v4, the API default response does not return realational data. So we need to add the pouplate parameter when sending requests. GET /api/articles?populate=* GET /api/books?populate=author.name,author.address GET /api/articles?populate[0]=seoData&populate[1]=seoData.sharedImage&populate[2]=seoData.sharedImage.media Official Doc
Download dependency. yarn add react-markdown yarn add remark-gfm yarn add rehype-raw yarn add react-syntax-highlighter yarn add github-markdown-css Use fetch to fetch the contents of a Markdown file and render it using react-markdown. import React from ‘react’; import ReactMarkdown from ‘react-markdown’; const App=({url})=>{ const [mdContent, setMdContent] = useState(”) useEffect(() => { Read more
import React, { useState } from “react”; const App = () => { const [inputs, setInputs] = useState([]); return ( <div> <div> <label>Inputs:</label> {inputs.map((n) => ( return( <p> this paragraph {n}</p> ) )} </div> </div> ); }; export default App;
m – for classes represents margin p – for classes represents padding t – for classes that set margin-top or padding-top b – for classes that set margin-bottom or padding-bottom l – for classes that set margin-left or padding-left r – for classes that set margin-right or padding-right x – Read more
In v6.4, new routers were introduced that support the new data APIs: createBrowserRouter createMemoryRouter createHashRouter The following routers do not support the data APIs: <BrowserRouter> <MemoryRouter> <HashRouter> <NativeRouter> <StaticRouter> This is the recommended router for all React Router web projects. It uses the DOM History API to update the URL and manage Read more
fastjson maven dependency 1. Java Object TO Json Object 2. Java Object TO Json String 3. Json Object to Json String 4. Json Object TO Java Object 5. Json String TO Json Object 6. Json String TO Java Object