Needlessly Promiscuous, Modularize!

    nr-react-list

    1.2.1 • Public • Published

    nr-react-list

    npm package

    Utility Component to render an iterator(Array of objects)

    List with an "item" prop

    const data = ['one', 'two', 'three'];
    const Button = ({ item }) => <button>{item}</button>;
     
    // Use List Component
    // Notice the button component has an "item' prop
    // By default List component expect an item prop
     
    <List of={Button} iterator={data} />;

    Will render

        <button>one</button>
        <button>two</button>
        <button>three</button>

    List with a custom propname

    const navs = ['Home', 'About', 'Contact'];
     
    const NavLink = ({ display }) => <li>{display}</li>;
     
    // just add a custom "propname" prop to List Component
    render () {
        return (
            <ul>
                <List of={NavLink} iterator={navs} propname="display" />
            </ul>
     
        )
    }

    Will render

    <ul>
        <li>Home</li>
        <li>About</li>
        <li>Contact</li>
    </ul>

    Install

    npm i nr-react-list

    DownloadsWeekly Downloads

    1

    Version

    1.2.1

    License

    MIT

    Unpacked Size

    5.51 kB

    Total Files

    7

    Last publish

    Collaborators

    • nelreina