reactjs - 为什么我不断收到类方法 'componentDidMount' 必须被标记为 'private' 'public' 或 'protected' 警告，在我的 tsx 文件中？

Question

我不确定我应该在我的 React 类组件中标记我的方法。我在这些方法上收到此错误:componentDidMount、componentDidUpdate、componentWillUpdate 和 render

这是我拥有的一个基本组件:

import * as React from 'react';

const { Component } = React;

export default class Loading extends Component<{}, {}>  {
  componentDidMount() {
    console.log('....something....');
  }
  componentDidUpdate() {
    console.log('....something....');
  }
  componentWillUpdate() {
    console.log('....something....');
  }

  render() {
    const style = {
      background: '#f5f5f5',
      height: '100%',
      padding: '20px',
      textAlign: 'center',
      transition: 'all 0.5s linear',
      width: '100%'
    };
    return (
      <div id='app-loader' className='rounded' style={style}>
        <div className='loader large block rounded'>Loading...</div>
      </div>
    );
  }
}

我不能放置 private render() 等，因为那样会破坏组件。

Answer 1

这是 tslint member-access规则。

在 tslint.json 中，更改:

"member-access": true

收件人:

"member-access": [true, "no-public"] // Or false. Read the rule and see what you want.