@ttk/component/src/tax72/taxReminder/index.js

ttk组件库

import React from 'react'
import classNames from 'classnames'

export default function ReminderComponent(props) {
    let { className, title, children, ...rest } = props;
    className = classNames({
        'tax-reminder': true,
        [className]: !!className
    })
    return <div {...rest} className={className}>
        { title ? <h5>{title}</h5> : null }
        <ul className='tax-reminder-ul'>
            { React.Children.map(children, child => {
                return typeof child === 'string' ? <li className='tax-reminder-li'>{child}</li> : child;
            }) }
        </ul>
    </div>
}


function ReminderLiComponent(props) {
    let { className, children } = props;
    className = classNames({
        'tax-reminder-li': true,
        [className]: !!className
    })
    return <li className={className}>
        {children}
    </li>
}

ReminderComponent.Li = ReminderLiComponent;