使用Airbnb指南的React组件中的可变顺序

时间:2019-05-21 05:47:51

标签: reactjs typescript eslint eslint-config-airbnb

我遇到了不确定如何解决的问题。

我正在用Typescript编码React,我们已经在我们的项目中为Typescript实现了Airbnb配置。这是我的代码的示例:

class Grid extends React.PureComponent<GridProps, GridState> {
    private ref: React.RefObject<HTMLDivElement> = React.createRef();

    private location: History<any>;

    private history: Location<any>;


    public constructor(props: GridProps) {
        super(props);

        this.state = {
            rowHeight: 300,
            expandedCardId: this.props.expandedCardId || null,
            cardIdToScroll: null,
        };
    }

    private isCardsInfoReady = (): boolean => this.props.cardIds.length !== 0 && this.props.cardLayouts.length !== 0;

我的问题是,短绒棉在private Location的那条线上向location should be placed after isCardsInfoReadyeslint(react/sort-comp)大喊大叫;

可以通过移动它或执行以下操作来轻松解决此问题:

private location: History<any>|null = null;

如您所见,当我给它赋值时,我最好将linter放在顶部。如果我仅在构造函数中分配,则仍然不允许。

由于我不喜欢这两种方法,所以我想知道是否对此有更好的解决方法。

谢谢!

0 个答案:

没有答案