尽管进行了正确的解构（eslint），但仍然存在解构错误

Question

我有一堂课

export default class DepartmentItem extends React.Component {
  render() {
    const {
      name,
      location,
      position,
      salary,
      age,
      citizenship,
      description
    } = this.props.department;
    const { link, tag } = this.props.department.url;
    const { isToggleOn } = this.state;
  }
}

为简便起见，未添加构造函数。

尽管破坏了道具，但我仍然收到错误提示Muse use destructuring props assignment。我相信我已正确执行此操作，并针对AirBnB eslint配置进行了仔细检查，但错误仍然存​​在。

我如何摆脱错误（修复错误，而不是制定规则忽略该错误）。

Answer 1

与其从this.props.department中进行选择，不如嵌套解构。

const {
  department: {
    name,
    location,
    position,
    salary,
    age,
    citizenship,
    description,
    url: {
      link, tag
    }
  } = this.props;