別の状態プロパティに基づいて状態を定義するにはどうすればよいですか？

Question

私はEmberの世界から来ているので、この質問が非常に基本的なものであれば謝ります（私は確信しています）。私はウィンドウがスクロールされるたびに状態 "scrollPosition"を設定するコンポーネントを持っています。 "scrollPosition"が0のときにtrueである新しい状態プロパティ "isScrolledToTop"を定義したいと思います。

Emberでは、単純に新しいプロパティを定義し、scrollPositionが変更されたときの状態をチェックしました。これをReactでどのように行うのかについてはあまり確かではありません。私は "componentDidUpdate"を使用することを考えていましたが、これが正しいアプローチではないことは確かです。事前に助けてくれてありがとう！

Answer 1

「ユーザーがページの一番上にスクロールすると、イベントを発生させるにはどうすればいいですか？」という質問は、onscrollイベントコールバックでこれを行うことです。

あなたはにしたい場合は、異なる何か（例えば、フルサイズヘッダ）スクロール位置がページの上部にあるときには、ロジックは、コンポーネントのrender()方法で行くだろうをレンダリングします。ような何か：ドキュメントの

render() { 
    if (this.state.scrollPosition === 0) { 
    // do something specific to this scenario 
    } 
    return ... 
} 

This partはないがisScrolledToTopが何であるかである状態で「演算データ」を、置くことを示唆しています。

スクロール位置をトラッキングしている場合、ウィンドウオブジェクトはこれを「状態」に保持します。これはwindow.scrollYです。これをコンポーネントの状態に複製する必要はありません。