apeman-react-links/lib/ap_links.jsx

apeman react package for link list component.

/**
 * apeman react package for link list component.
 * @constructor ApLinks
 */

"use strict";

import React, {PropTypes as types} from 'react';
import classnames from 'classnames';


/** @lends ApLinks */
let ApLinks = React.createClass({


    //--------------------
    // Specs
    //--------------------

    propTypes: {
        links: types.object
    },

    mixins: [],

    statics: {},

    getInitialState() {
        return {};
    },

    getDefaultProps() {
        return {
            links: {}
        };
    },

    render() {
        let s = this,
            {props} = s;
        let links = props.links || {};
        return (
            <ul className={classnames("ap-links", props.className)}>
                {
                    Object.keys(links).map((key) => {
                        let url = links[key];
                        return (
                            <li className="ap-links-item"
                                key={"ap-links-item-"+ key}>
                                <a href={url}>{key}</a>
                            </li>
                        )
                    })
                }
            </ul>
        )
    }
});

module.exports = ApLinks;