仮想化されたwindowscroller scrollElementが機能しない

Question

私は正しく小道具を渡していないと言っていました。

<Panel scrollContainer={this.props.scrollContainer}/> 

Section.propTypes = { scrollContainer: PropTypes.object.isRequired } 

Panel.jsxは（小道具をダウン渡す）（単に小道具を伝承）

Container.jsx

<div className='container' ref={(ref) => {this.foo = ref;}}> 
    this.renderContainer() 
</div> 

<Section scrollContainer={this.foo}/> 

Section.jsx：今、私はそれのようなセットアップされています

<RenderedTable scrollContainer={this.props.scrollContainer} /> 

レンダリングテーブル.jsx

return (
    <div className='padding-top-20 font-smoothing'> 
    <WindowScroller scrollElement={this.props.scrollContainer}> 
     {({ height, isScrolling, scrollTop, onChildScroll }) => (
     <AutoSizer disableHeight> 
      {({ width }) => (
      <Table 

残念ながら、windowScrollerはまだサイズ変更されません。私はまた、警告やエラーが表示されません。あなたはサイズを変更するスクロールを得るためにCSSトリックを使用していますか？この例では、https://bvaughn.github.io/react-virtualized/#/components/WindowScroller というように、scrollElementをwindowからscrollingBodyに変更するときに、フレックスとオーバーフローのプロパティを変更しています。

私はあなたが非常に忙しく、あなたの助けに大変感謝しています！

Answer 1

あなたの例では、スクロールリファレンスをthis.tabsContainerに割り当てましたが、それにはthis.props.tabContainerとしてアクセスしようとしています。これはあなたの間違いです。例が不完全で文脈が必要です。 :)あなたはPlnkrを提供できますか？