Самозвонящий дочерний компонент реагирующий узел в реакции, как обходить объект высокого порядка

Question

Как сообщить ребенку, какие данные в объекте / массиве отображать с помощью responseNode в качестве компонента, вызывающего себя.

Например,
У нас есть первый уровень <A> для отображения объекта.keys (XXX),
В то время как мы хотим, чтобы второй уровень <A> отображал Object.keys (XXX.data1), Object.keys (XXX.data2) ...

Предполагается, что самовызовнеобходимо.

Как мы можем подойти к нему?
Нужно ли использовать какой-то непубличный API для получения родительского компонента?

PS:

Просто не понимаю, почему не нравится этот QA, не оставляя комментариев,
Если вам не нужен map () в map () безобразно,
Вам определенно нужно повторно использовать компонент,
И я сталкиваюсь с этой реальной проблемой в разработке env,
Я не думаю, что это ничего не стоит.

Так что просто дайте мне знать о поездках,
Я много искал, но все еще потерялся,
Любой совет будет оценен.

interface Props extends WithStyles<typeof styles> {
  children: React.ReactNode,
}

  render() {
    return (
      <A>
        <A>
          <A>
            <></>
          </A>
        </A>
      </A>
    );
  }


const XXX = {
  'data1': {
    'data1-1': [
      '111',
      '222',
    ],
    'data1-2': [
      ...
    ],
  },
  'data2': {
     ...
  }
  ...
}