反応コンポーネントコンストラクタでのIntervalの設定方法は？

Question

メインコンポーネントが設定されている場合は、setIntervalが必要です。 私は

constructor(props) { 
    super(props); 
    this.props.fetchUserInfo(); 
    this.props.fetchProducts(); 
    setInterval(console.log('1'), 1000); 
    } 

またはcomponentDidMount

componentDidMount =() => { 
    setInterval(console.log('1'), 1000); 
    }; 

の内側のようなコンストラクタでそれを設定しようとしたが、それは常に一度 '1' を記録します。どのように間隔を正しく起動するのですか？

Answer 1

setInterval(console.log('1'), 1000);通話console.log('1')とsetIntervalにその戻り値を渡し、正確な方法foo(bar())はbarを呼び出し、fooにその戻り値を渡します。

あなたがそれに関数のリファレンスを渡したい：

setInterval(function() { 
    console.log('1'); 
}, 1000); 

それとも、その関数内で同じになるようにthisを必要とし、まだES2015の構文を使用していない場合：

setInterval(function() { 
    console.log('1'); 
}.bind(this), 1000); 

Function#bindリターンをあなたがそれを与えるの値を使って元のものを呼び出す新しい関数です。

それとも、それが作成されますthis、bindの必要はありませんを超える閉じますES2015構文

setInterval(() => { 
    console.log('1'); 
}, 1000); 

を使用している場合。