lm-carpicker/src/abc.js

* 作者：liuduan * 邮箱：liuduan.05.05@163.com * 版本：**`0.3.5`**

import React from 'react';
import PropTypes from 'prop-types'


const prefixed = 'lm-carpicker-abc';


const Abc = props => {
    let { className, data, onAbcClick, children, ...others } = props;
    let component = null;
    let renderComponent = () => (
        data.map((item, i) => (
            <li key={i} className={`li ${ /热/.test(`${item}`) ? 'hot' : ''}`} onClick={onAbcClick.bind(this,item)}>
                <span>
                    {item}
                </span>
            </li>
        ))
    )

    if (data.length) component = renderComponent();
    return (
        <div className={`${prefixed} ${className}`} {...others}>
            <ul className="ul">
                {component || children}
            </ul>
        </div>
    );
};

Abc.propTypes = {
    className: PropTypes.string,
    data: PropTypes.array.isRequired,
    onAbcClick: PropTypes.func
};

Abc.defaultProps = {
    className: '',
    data: ['热', 'A', 'B', 'C', 'D', 'F', 'G', 'H', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'W', 'X', 'Y', 'Z'],
    onAbcClick() { }
};

export default Abc;