简介
react-masonry-infinite-felix 是一个 React 瀑布流组件，可以无限滚动加载内容。
安装
在 React 项目中，可以使用 npm 进行安装：
npm install --save react-masonry-infinite-felix
使用
在组件中引入 react-masonry-infinite-felix，并在组件中使用它。
-- -------------------- ---- -------
------ ----- ---- --------
------ --------------- ---- -------------------------------
----- ----------- - -- -- -
----- ----- - -
- --- -- ---- ------------------------------- --
- --- -- ---- ------------------------------- --
- --- -- ---- ------------------------------- --
- --- -- ---- ------------------------------- --
- --- -- ---- ------------------------------- --
--
------ -
---------------- -------- ----------- --------------
----- -- -
---- ------------- -------------- --
--
------------------
--
--
------ ------- ------------可以通过传递 gap 和 perPage 属性，来设置间距和每一页加载的数量。
示例
以下是一个完整的示例代码，可以用于实现一个无限滚动的瀑布流展示页面。
-- -------------------- ---- -------
------ ------ - --------- --------- - ---- --------
------ --------------- ---- -------------------------------
----- --- - -- -- -
----- ------- --------- - -------------
----- ------------ -------------- - ------------
----- ------------- --------------- - ------------
------------ -- -
-----------------
-- ----
----- -------------- - -- -- -
----- -------- - -
- --- ------------ - -- ---- ---------------------------------------------------- - --- --
- --- ------------ - -- ---- ---------------------------------------------------- - --- --
- --- ------------ - -- ---- ---------------------------------------------------- - --- --
- --- ------------ - -- ---- ---------------------------------------------------- - --- --
- --- ------------ - -- ---- ---------------------------------------------------- - --- --
--
------------------- --------------
------------------------------------- - ---------------- - ----
--
------ -
---- -------- -------- -- ---
--------- ------- -------- ------------
---------------- -------- ----------- ------------- ------------------------- ----------------------- --------------- -- -------------------------- - ----
----- -- -
---- ------------- -------------- -------- ------ ------- ------- ------ -- --
--
------------------
------
--
--
------ ------- ----意义
使用 react-masonry-infinite-felix，可以大大简化无限滚动瀑布流的实现过程，提高开发效率。此外，瀑布流的展示形式也能够更好地呈现内容。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055e2881e8991b448dbaa5