Мне интересно создать компонент реакции.
При создании компонента число функций, используемых для рендеринга (), увеличилось.
компонент календаря (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 }><</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 }>></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-файл для создания компонента, или я могу продолжить запись в один файл.Могу ли я сказать, есть ли в компоненте разумное количество функций?