迹忆客 专注技术分享

在 React TypeScript 中使用默认值设置可选项： 使用问号将类型上的属性标记为可选。在函数的定义中解构它们时，为属性提供默认值。...

当我们尝试将不是函数的值作为函数调用时，会发生 React.js “Uncaught TypeError: X is not a function”，例如 调用 props 对象而不是函数。 为了解决这个错误，使用 console.log 打印正在调用的值来...

使用通配符占位符来处理在 React 路由中找不到的 404 页面，例如 `} />` 。 带有星号 `*` 的路由用作一条全能路由。 它仅在没有其他路由匹配时匹配。...

“Cannot read property 'props' of undefined”错误发生在没有将正确上下文绑定到 this 关键字的情况下调用类方法。 要解决该错误，请将类方法定义为箭头函数或在类的构造方法中使用 bind 方法...

当我们没有在 React router 的 Link 组件上设置 to prop 时，会出现错误“Cannot read property 'pathname' of undefined”。 要解决错误，需要将链接上的 `to` 属性设置为特定路径，例如 `首页...

在组件上设置 displayName 属性来修复“Component definition is missing display name”错误，例如 `App.displayName = 'MyApp';` 。 或者，为带有以下注释的行禁用 ESLint 规则 - `// eslint-disable-next-line react/di...

React.js 错误 “X is not defined react/jsx-no-undef” 发生在我们忘记在使用之前在代码中导入函数、类或变量时。 要解决该错误，需要确保在代码中使用之前导入该值，例如 从 `import {myFunc} f...

当我们在代码中使用 useEffect 钩子但忘记导入它时，会产生 “Uncaught ReferenceError: useEffect is not defined”。 要解决错误，需要在使用前导入钩子 - `import {useEffect} from 'react'`。...

当我们在代码中使用 useState 钩子但忘记导入它时，会产生错误 “Uncaught ReferenceError: useState is not defined”。 要解决该错误，需要在使用前导入钩子 - import {useState} from 'react'。...

在 React 中设置内联样式：将元素上的样式属性设置为对象。设置特定的 CSS 属性和值来设置元素的样式。例如，

使用类型保护来解决 React 中的 useRef 钩子的“Object is possibly null”错误，例如 `if(inputRef.current){}`。 一旦 null 从 ref 的类型中排除，我们就可以访问 ref 上与其类型相对应的属性。...

要使用 React 检查浏览器选项卡是否具有焦点：为焦点和模糊事件添加事件侦听器。如果触发了焦点事件，则选项卡具有焦点。如果触发了模糊事件，则选项卡失去焦点。...

使用 `useLocation()` 钩子通过 React Router 获取当前路由，例如 `const location = useLocation()` 。 钩子返回当前位置对象。 例如，我们可以将路径名作为 location.pathname 访问。...

当组件的名称以小写字母开头时，会出现错误“Property does not exist on type 'JSX.IntrinsicElements”。 要解决该错误，需要确保始终以大写字母开头组件名称，安装 React 类型并重新启动我们的开...

当我们将输入的初始值设置为 null 或覆盖将其设置为 null 的初始值时，会导致警告“value prop on input should not be null”，例如 来自空的 API 响应。 使用后备值来解决这个问题。...