{children}
21 | 22 | ); 23 | }; 24 | -------------------------------------------------------------------------------- /server/frontend/src/components/qrcode.jsx: -------------------------------------------------------------------------------- 1 | import React, { useEffect, useState } from "react"; 2 | import { Loading } from "./loading"; 3 | import styled from "styled-components"; 4 | import { prefetch } from "../shared/prefetch"; 5 | const MyLoading = styled(Loading)` 6 | width: 256px; 7 | height: 256px; 8 | `; 9 | export const Qrcode = ({ content }) => { 10 | const [image, setImage] = useState(null); 11 | content = encodeURIComponent(content); 12 | const [loading, setLoading] = useState(false); 13 | const [error, setError] = useState(null); 14 | useEffect(() => { 15 | if (!content) return; 16 | const url = `/api/v1/qrcodes?content=${content}`; 17 | setLoading(true); 18 | prefetch(url) 19 | .then( 20 | () => setImage(77 | 请 Windows 用户在防火墙入站规则中开通 27149 端口（教程） 78 |
79 |80 | 91 |
92 |