迹忆客 专注技术分享

当我们使用 useState 挂钩声明一个空状态数组但不键入该数组时，会出现错误Type is not assignable to type never。 要解决该错误，请使用泛型来键入状态数组，例如 const [arr, setArr] = useStatestr...

在事件对象上使用 preventDefault() 方法来防止在 React 中提交表单时刷新页面，例如 event.preventDefault() 。 preventDefault() 方法阻止浏览器发出默认操作，在表单提交的情况下是刷新页面。 i...

当我们忘记显式地从函数或类组件返回一个值时，就会发生Nothing was returned from render的 React 错误。 要解决该错误，请从我们的组件显式返回 JSX，使用带有箭头函数的隐式返回，或者如...

当我们尝试访问具有未知类型的值的属性时，会发生Object is of type unknown错误。 要解决该错误，请在访问属性之前使用类型保护来缩小对象的类型，例如 if (err instanceof Error) {} 。 下面是...

使用索引签名在 TypeScript 中定义键值对，例如 const employee: { [key: string]: string | number } = {} 。 当我们事先不知道类型键的所有名称，但我们知道它们值的形状时，使用索引签名。 const e...

使用严格的不等式 !== 运算符来检查两个数字是否彼此不相等，例如 a !== b 。 如果数字不相等，则严格不等运算符返回 true ，否则返回 false 。 const a = 5 ; const b = 10 ; if (a !== b) { console...

要检查字符串是否全部为大写，请使用 toUppercase() 方法将字符串转换为大写并将其与自身进行比较。 如果比较返回真，则字符串全部为大写。 const str = HELLO WORLD ; if (str. toUpperCase () ==...

使用 has() 方法检查 Set 是否包含值，例如 set.has(1) 。 如果该值包含在 Set 中，则 has() 方法返回 true ，否则返回 false 。 const set1 = new Set ([ one , two , three ]); console . log (set1. has ( one )); // ?...

使用模板文字在 TypeScript 的字符串中插入变量，例如 hello ${myVariable} 。 模板文字用反引号分隔，并允许我们使用美元符号和大括号 ${expression} 语法嵌入变量和表达式。 const str = Alfred...

JavaScript 中检查一个值是否为浮点数： 检查该值是否具有数字类型并且不是整数。 检查该值是否不是 NaN 。 如果一个值是一个数字，不是 NaN 也不是整数，那么它就是一个浮点数。 fu...

使用 typeof 运算符检查值是否为布尔类型，例如 if (typeof variable === boolean) 。 typeof 运算符返回一个指示值类型的字符串。 如果该值为布尔值，则返回字符串boolean。 const bool = true ; if (...

使用严格的不等式 !== 运算符来检查两个字符串是否不相等，例如 a !== b 。 如果字符串不相等，则严格不等运算符返回 true，否则返回 false。 const a = one ; const b = two ; if (a !== b) { console...

在 React 中创建 N 个相同的组件/元素： 使用 Array.from() 方法生成 N 个元素的数组。 用实际组件替换数组中的每个元素。 渲染元素数组。 function Header () { return h2 Hello world / h2 ;} const App...

当我们尝试导入指定文件中不存在的命名导入时，会出现 React.jsAttempted import error X is not exported from。 要解决该错误，请确保模块具有命名导出并且我们没有混淆命名导出和默认导出和导...

在 React 中将 JSX 元素连接成一个数组： 初始化一个空数组。 使用 push() 方法将 JSX 元素推送到数组中。 将最外层 JSX 元素上的 key 属性设置为唯一值。 export default function App () { const fru...