Как передавать данные конфиденциально между компонентами React / Preact - PullRequest
Новая
       48

Как передавать данные конфиденциально между компонентами React / Preact

1 голос
/ 06 апреля 2020

Я создаю основанный на перехватах компонент таблицы / сетки данных с использованием хуков, используя Preact. Ожидается, что пользователи будут использовать компоненты следующим образом: 

<Table>
  <Column minWidth='150px' key='name' sort={true}>Name</Column>
  <Column minWidth='150px' key='description'>Description</Column>
  <Column minWidth='150px' key='status'>Status</Column>

  <TableData>
    <Row>
      <Cell>Harshal</Cell>
      <Cell>A Great Guy</Cell>
      <Cell>Active</Cell>
    </Row>

    <Row>
      <Cell>Patil</Cell>
      <Cell>Another great Guy</Cell>
      <Cell>Active</Cell>
    </Row>
  </TableData>

</Table>

Внутренне, Table и Column должны общаться. То же относится и к Row и Cell. Причиной связи является обработка различных внутренних событий и управление общим внутренним состоянием.

Как пользователь, эти внутренние детали не должны быть видны при их использовании. Вопрос в том, как передать данные конфиденциально между такими взаимозависимыми родительскими дочерними компонентами, не раскрывая детали вызывающим компонентам!

...