rcl
react-common-loadmore
npm i react-common-loadmore
rcl

react-common-loadmore

a configurable turnplate base on react

by WarrenJones

1.0.2 (see all)License:ISCTypeScript:Not Found
npm i react-common-loadmore
Readme

SnapShots

a configurable turnplate in React

react-loadmore

$ npm install --save  react-loadmore

how to use

  import ReactLoadMore from "react-loadmore";
 <ReactLoadMore
        onBottom={this.loadMore.bind(this)}
        fetching={fetching}
        hasMore={hasMore}
        NoResult={NoResult}
        Footer={null}
      >
        {dataList.map((item,index) => {
          return (
            <div style={{ height: "35vw", position: "relative" }} key={index}>
              <img
                src={item.extra.thumbnail_pic}
                style={{
                  width: "40vw",
                  height: "25w",
                  borderRadius:'3vw',
                  position: "absolute",
                  top: "2vw",
                  left: "2vw"
                }}
              />
              <span style={{ fontSize: "4vw", position: "absolute",
                  top: "5vw",
                  fontWeight:'bold',
                  left: "46vw"}}>{item.title}</span>
            </div>
          );
        })}
      </ReactLoadMore>

you can also fork the code and npm start to run the example.

props

paramstypedescnecessary
onBottomfuncwhen the user scroll to the bottomtrue
fetchingboolisFetchingDatatrue
fetchingboolisFetchingDatatrue
hasMoreboolhas more datatrue
NoResultfuncreturn the ui dom of no resultfalse
Footerfuncreturn the ui dom loading Footerfalse

more

you can fork and check the example code to see the fully complishment.

If you have any of ideas,don't forget to leave an issue! And also star haha

License

ISC

Downloads/wk

5

GitHub Stars

19

LAST COMMIT

3yrs ago

MAINTAINERS

1

CONTRIBUTORS

0

OPEN ISSUES

0

OPEN PRs

0
VersionTagPublished
1.0.2
latest
3yrs ago
No alternatives found
No tutorials found
Add a tutorial

Rate & Review

100
No reviews found
Be the first to rate