有谁知道如何预加载 typekit 字体？现在我的计算字体是 Ariel，我收到错误：
资源https://use.typekit.net/dwg7avv.css已使用链接预加载进行预加载，但在窗口加载事件后的几秒钟内未使用。请确保它具有适当的as值并且是有意预加载的。
如果我进行正常导入，该字体就可以工作。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>font</title>
<style>
body {
font-family: proxima-nova, sans-serif;
font-style: normal;
font-weight: 100;
}
</style>
<link rel="preload" href="https://use.typekit.net/dwg7avv.css" as="style" crossorigin>
</head>
<body>
This is my font.
</body>
</html>
我有一个使用 reactjs + formik + 是的表单。我有一个多文件上传字段。我想使用 yup 验证文件格式和最大大小。我怎样才能做到这一点？
我正在尝试将表单转换为使用 Material-ui TextField。我如何让我的 YUP 验证与之配合使用？这是我的代码：
import * as React from "react";
import { useState } from 'react';
import { Row, Col } from "react-bootstrap";
import TextField from '@material-ui/core/TextField';
import Button from '@material-ui/core/Button';
import { Formik, Form, Field, ErrorMessage } from "formik";
import * as Yup from "yup";
import axios from "axios";
import Error from "../../Error";
type FormValues = {
username: string;
password: string;
repeatPassword: string;
fullName: string;
country: string;
email: string;
};
export default function CreatePrivateUserForm(props: any) {
const [errorMessage, …如果选择，则开始时为空。
当我选择日期 20/04/2022 时
日期选择器显示 20/04/2022
Console.log 显示 2022 年 4 月 20 日星期三 00:00:00 GMT+0200（中欧夏令时间）
但我在表单上的有效负载显示 2022-04-19T22:00:00.000Z
我可以将格式锁定为 UTC 吗？
我是新来的反应。当我的状态发生变化时，为什么我的页面在鼠标悬停和鼠标移出时不会重新呈现？如果我查看console.log，我可以看到状态变化。但我无法让它发挥作用。这是我的代码：
export default class Nav extends React.PureComponent {
constructor(props) {
super(props);
this.navLevelOneId = '';
this.state = {
showSubMenu: []
};
}
// Mouse over function
handleHover = (id,event) => {
let showSubMenu=this.state.showSubMenu;
showSubMenu[id]=!showSubMenu[id]
this.setState({showSubMenu: showSubMenu}, () => {
console.log(this.state.showSubMenu);
});
}
render() {
return (
<div ref="megaMenu" className="navbar navbar-default navbar-static-top">
<div className="container">
<div className="navbar-header">
<button type="button" className="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span className="icon-bar"></span>
<span className="icon-bar"></span>
<span className="icon-bar"></span>
</button>
</div>
<div className="navbar-collapse collapse">
<ul className="nav navbar-nav">
<li onMouseOver={this.handleHover.bind(this,0)} onMouseOut={this.handleHover.bind(this,0)}>
<a>Home</a>
</li> …有没有什么简单的方法可以在反应中使用 reCAPTCHA v3？谷歌搜索是否只能找到 v2 的组件。并且只有针对 v3 的 react-recaptcha-v3。
但是当我尝试使用该组件时，我收到一个错误 Invalid site key or not loaded in api.js。
我正在尝试使用 React guery 从这个函数中获取一些SATA。
export const quotaReservationRefundServiceBankAccount = (
id: string,
bankAccountInformation: IBankAccountInformation,
quotaLegal?: string,
): Promise<Response> => {
const url = `${appSettings.bffUrl}/api/pregnancies/quotareservations/${id}/bankaccount/refund`;
const body: IRefundQuotaReservationRequest = {
language: appSettings.language,
bankAccountInformation,
legalDepartmentShortCode: quotaLegal || "",
};
return post(url, body);
};
我得到的是这个票价：
const { data: testData, isLoading, error } = useQuery<string, IBankAccountInformation, string | undefined>(["bankRefundResponse", quota?.reservation || "Quota.reservation missing", bankAccountInfo, quota.legal], quotaReservationRefundServiceBankAccount, {
});
打字稿给了我这个错误：
类型为“(id: string,bankAccountInformation: IBankAccountInformation,quotaLegal?: string | undefined) => Promise”的参数不可分配给类型为“QueryFunction<string, QueryKey>”的参数。ts(2345)
reactjs ×3
formik ×2
yup ×2
css ×1
material-ui ×1
preload ×1
react-query ×1
recaptcha ×1
rect ×1
typekit ×1
typescript ×1