Question

在第2阶段中，我有一个React组件，其prop.contest与此PropType相匹配

ContestPreview.propTypes = {
  contest: PropTypes.shape({
    id: PropTypes.number,
    categoryName: PropTypes.string,
    contestName: PropTypes.string,
  }).isRequired,
};

该组件是：

class ContestPreview extends React.Component {
  { contest } = this.props;
  { contestName, categoryName } = contest;

  handleClick = () => {
    console.log(contestName);
  };

  render() {

    return (
      <div className="link ContestPreview" role="button" onClick={this.handleClick}>
        <div className="category-name">
          {categoryName}
        </div>
        <div className="contest-name">
          {contestName}
        </div>
      </div>
    );
  }
}

问题是我从eslint unexpected token中收到一个错误，该错误指向我的销毁作业的开头{。在ES6中，我很乐于构造一个构造函数并在那里设置我的属性。这对于 stage2 的当前状态是否正常？我可以通过

解决

contest = this.props.contest;并引用this.contest.categoryName。但是，我的拖延规则确实抱怨 react / destructuring-assignment 。该代码运行良好。我只使用第二阶段，因为我正在做的Lynda.com课程正在使用它。

我的问题是，使解构工作最佳的方法是什么？现在还不确定是否更改了项目配置，如何将其修改回es6。

第2阶段ecmaScript，有关在类内部进行销毁的意外令牌

0 个答案: