使用react-autosuggest与react-custom-scrollbars

时间:2017-07-13 07:32:23

标签: reactjs

是否可以将react-custom-scrollbarsreact-autosuggest一起使用? 我在auto-suggest写了这个,但它没有正常工作:

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>
    );
}

如何?

1 个答案:

答案 0 :(得分:0)

如果想要实现反应js自动建议框,那么你可以简单地使用&#34; react-select &#34;,像滚动,装载机等一样羽毛。  你会在这里找到更多细节https://github.com/JedWatson/react-select

如果你想用react-native实现自己的 那么你应该使用 ListView 而不是滚动条,因为它有更像羽毛,

  • 自动缓存ios和android的图像,

  • onReachBottom的方法,它有助于实现无限滚动。等