必须在 className 中使用解构道具分配

【问题标题】：Must use destructuring props assignment in className必须在 className 中使用解构道具分配
【发布时间】：2020-06-26 16:33:12
【问题描述】：

我已将 ESLint Airbnb 标准应用于我的代码，例如：

<Button
  ref={anchorRef}
  aria-controls={open ? 'menu-list-grow' : undefined}
  aria-haspopup="true"
  onClick={handleToggle}
  className={`estimate + ${props.id}`} // for purpose of Cypress
>

我认为我为赛普拉斯做了一些不好的事情，但是如何改进呢？

【问题讨论】：

标签： typescript cypress eslint-config-airbnb

【解决方案1】：

你的类属性，

className={`estimate + ${props.id}`}

将扩展为类似

<button class="estimate + 42">

我认为你的字符串插值错了，试试：

className={`estimate${props.id}`}

【讨论】：

【解决方案2】：

问题还在于我两次尝试获得id，我尝试获得props.id，而且：

  const {
    deleteEstimate /* eslint-disable-line no-shadow */,
    downloadReport /* eslint-disable-line no-shadow */,
    setNotification,
    id,
    name,
    tableRow,
  } = props;

【讨论】：