Распределенный компонент (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>;
};

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

Назад