2017-12-22 9 views
1

私は自分のメソッドを自分の反応クラスのコンポーネントにマークするはずです。私は、これらの方法でこのエラーを取得しています:componentDidMount、componentDidUpdate、componentWillUpdateここでなぜ私は取得し続けるのですか?classメソッド 'componentDidMount'はtsxファイルの 'private' publicまたは 'protected'警告のいずれかを作成する必要がありますか?

をレンダリングするには、私が持っている基本的な構成要素である:

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> 
    ); 
    } 
} 

私はプライベートなど)(レンダリングを置くことができないことが壊れるので、成分。

答えて

1

これはtslint member-accessルールです。

tslint.json で、変更:

"member-access": true 

には:

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

私は個人的にのみ 'true'にこのセットを持っていません。それはスペースの無駄であり、アクセス修飾子がないことから明らかなときに 'public'を指定するための混乱を加える。 –

関連する問題