迹忆客 专注技术分享

Styling — 是每个 Web 开发人员必须知道的前端 Triada 中的元素之一：HTML/CSS/JS 。 另一方面，有一大群 Web 开发人员不喜欢 CSS。 他们更喜欢使用一些帮助程序和库，基本上非常努力地避免...

当我们尝试将元素或 React 组件作为参数传递给另一个组件但输入的参数不正确时，会出现错误“JSX element type does not have any construct or call signatures”。 要解决该错误，需要使用 `React.Ele...

要修复 React.js 警告“Invalid DOM property for。Did you mean htmlFor”，需要在标签标签上使用 `htmlFor` 属性而不是 `for`。 使用 `htmlFor` 属性是因为 `for` 是 JavaScript 中的保留字。...

当我们不键入函数或类组件的属性或忘记为React安装 typing 时，React.js会出现错误“Parameter 'props' implicitly has an 'any' type”。 要解决该错误，明确设置了组件中的 `props` 对象的类型。...

当我们尝试从函数组件返回元素数组时，会发生 React.js 错误“Type '() => JSX.Element[]' is not assignable to type FunctionComponent”。 要解决该错误，需要将元素数组包装到 React 片段中。...

当我们在一个不是数组的值上调用 map() 方法时，会产生“TypeError: map is not a function” 错误。 要解决该错误，需要 console.log 记录我们正在调用 map() 方法的值，并确保仅在有效数组上调用...

当我们尝试在其对应的 DOM 元素呈现之前访问其当前属性时，React `ref` 最常见的返回 **undefined** 或 **null**。 要解决此问题，需要在 `useEffect` 钩子或触发事件时访问 `ref`。...

当我们在同一个 React 应用程序中有 2 个路由器组件时，会出现错误 “You cannot render a `` inside another ``“。 要解决此错误，需要确保在 index.js 文件中使用路由器，并且不要使...

在 React 中渲染组件列表或序列的常见做法是使用 **map** ：...

在 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';` 。 ...