首页 > 解决方案 > Eslint destructuring props - 允许单个 props 不破坏

问题描述

这个问题的原因是在更大的组件中更容易工作,你总是需要滚动不同的行,
我认为单道具对于“安全”使用来说足够直观。

在许多情况下,有一些方法会调用 reducer,即

而且我认为它可以在不破坏道具的情况下使用,并且仍然保持代码的高可读性

      /**
       * Example with destructed props
       */
      removeItem(item) {
        const { remove } = this.props;

        remove(item);
      }

在下面的示例中,我们可以在组件中保存多行代码。

      /**
       * Example without destructed props
       */
      removeItem(item) {
        this.props.remove(item);
      }

如何设置 eslint 以允许单个道具而不破坏并且如果多个道具是强制性的?

我想避免评论的eslint disable lineeslintuse

我无法确定表单文档如何执行该 eslint 文档

有人知道如何解决这个问题吗?

标签: reactjseslintreact-props

解决方案


推荐阅读