Распределенный компонент (distributed component) - это компонент, который управляет своим внутренним состоянием, а логику рендеринга делегирует другому компоненту.

const Menu = () => {
	<Menu>
		<MenuButton>
			Operation <span aria-hidden>*</span>
		</MenuButton>
		<MenuList>
			<MenuItem onSelect={() => alert('DownLoad')}>Download</MenuItem>
			<MenuItem onSelect={() => alert('Copy')}>Copy</MenuItem>
			<MenuItem onSelect={() => alert('Delete')}>Delete</MenuItem>
		</MenuList>
	</Menu>
}

Распределенные компоненты могут быть полезны в случае, когда приложение должно обрабатывать большой объем данных или когда требуется обеспечить высокую производительность и отказоустойчивость.

Назад