React js 编译时出现警告

Question

我是初级后端开发人员，但我在我的克隆项目中使用了 React 库

更新反应脚本后，我的项目开始出现很多错误。我解决了一些，请问如何解决或忽略它们

节点-v v14.17.0

Answer 1

useEffect的第二个参数是一个依赖数组。当一个或多个依赖项从上次渲染发生变化时，将重新调用效果。您收到此错误是因为您没有在依赖项数组中包含所有必要的变量或函数，这可能会导致数据过时和意外行为。

例如，您在 PostBody.jsx 中的挂钩缺少依赖项 params.id。解决方法是简单地将值添加到依赖项数组：

// PostBody.jsx
useEffect(() =>
{
    // Your code here
}, [params.id, ...yourOtherDependencies]) // Add params.id to your dependency array

对缺少 getAction 和 allComments 的挂钩执行相同操作。

关于 filter 错误，您没有 return 在第一个条件中输入值：

const newCommentArr = CommentLists.filter((comment, index) =>
{
    if (newComment._id === comment._id)
    {
        indexValue = index
        // You need to return a value!
    }
    else
    {
        return newComment._id !== comment._id
    }
})

您 return 的价值取决于您使用它的目的。您可以将代码更改为：

const newCommentArr = CommentLists.filter((comment) => newComment._id === comment._id)

或

const newCommentArr = CommentLists.filter((comment) => newComment._id !== comment._id)

根据您的用途。

Answer 2

要获得有关 linting 错误的帮助，您可以在项目中设置 ESLint。或者您可以轻松地从 VSCode 扩展中获得提示。

React js 编译时出现警告

React js Compiled with warnings

javascript

reactjs

react-scripts