2017-07-13 39 views
0

是否可以將react-custom-scrollbarsreact-autosuggest結合使用? 我寫這爲auto-suggest,但它不能正常工作:使用react-autosuggest與react-custom-scrollbars

renderSuggestionsContainer({ containerProps, children, query }) { 
    const callRef = scrollbars => { 
     if (scrollbars !== null) { 
      ref(scrollbars); 
     } 
    } 

    return (
     <Scrollbars 
     autoHeight 
     autoHeightMax={240} 
     id={this.props.id} 
     ref={callRef} 
     renderTrackVertical={() => <div className="scrollbars-wrapper" />} 
     renderThumbVertical={() => <div className="scrollbar-handler" />}> 
     {children} 
     </Scrollbars> 
    ); 
} 

如何?

如果想實現

回答

0

反應JS自動意見箱,那麼你可以簡單地用「反應選」,都像羽毛滾動,裝載機等 你會發現這裏更詳細https://github.com/JedWatson/react-select

如果你想實現自己的反應與母語 則不用滾動條你應該使用的ListView,因爲有更多的羽毛般,

  • 自動緩存圖像它對於ios和android,

  • onReachBottom的方法,它有助於實現無限滾動。 etc

+0

謝謝RANVIR。 'react-autosuggest'也滾動。但我想定製它。我選擇了「react-custom-scrollbars」來做到這一點,但我不能配置它們一起工作。 –