ページ上の数値までカウントするカウンタコンポーネントがあります。ユーザーがページ上のその位置にスクロールするものを実行する必要があります。 Waypointでどうすればいいですか?それとも別の解決策がありますか?ウェイポイントを使用してスクロール後に関数を実行する
import React, { Component } from 'react';
import Waypoint from 'react-waypoint';
var Counter2017 = React.createClass({
getInitialState: function() {
return {visionElapsed: 0};
},
tick: function() {
if (this.state.visionElapsed < 125) {
this.setState({visionElapsed: this.state.visionElapsed + 1});
}
},
componentDidMount: function() {
this.interval = setInterval(this.tick, 15);
},
componentWillUnmount: function() {
clearInterval(this.interval);
},
render: function() {
return (
<span>{this.state.visionElapsed}</span>
);
}
});
export default Counter2017;
私はReactを初めて使っていますが、これを行う上で私のコンポーネントの実際の例はありますか? –