Реагируйте - Сколько функций рекомендуется в компоненте? - PullRequest
0 голосов
/ 13 декабря 2018

Мне интересно создать компонент реакции.

При создании компонента число функций, используемых для рендеринга (), увеличилось.

компонент календаря (render ())в примере .js выглядит так.

render() {

    const { isToday } = this.state;
    return (
        <div className='calendar_area'>
            <div className='calendar_header'>
                <strong className='calendar_title'>
                    <button 
                        className='btn btn-sm'
                        onClick={ this.handleTogglePrevMonth }>&lt;</button>
                    { this.createCalendarTitle() }
                    { isToday && (<button 
                        className='btn btn-sm'
                        onClick={ this.handleToggleGoToday }>
                        {/* TODO
                        select month || day === current month || today ? no show : show */}
                        Today
                    </button>) }
                    <button 
                        className='btn btn-sm'
                        onClick={ this.handleToggleNextMonth }>&gt;</button>
                </strong>
            </div>
            <div className='calendar_body'>
                <table className='calendar_table'>
                    <thead className='calendar_table_header'>
                        { this.createCalendarTableHeader() }
                    </thead>
                    <tbody className='calendar_table_body'>
                        { this.createCalendarTableBody() }
                    </tbody>
                </table>
            </div>
        </div>
    )
}

В render () используются шесть функций, а также создаются функции для повторного использования.Таким образом, всего имеется восемь функций.

Общее количество строк, исключая объявление импорта, 'class ~ extends Component' и 'export default', составляет 165 строк, и будет добавлено больше.Я хочу знать, нужно ли мне создавать другой js-файл для создания компонента, или я могу продолжить запись в один файл.Могу ли я сказать, есть ли в компоненте разумное количество функций?

...