Как дочерний компонент может определить, завершил ли родительский компонент изменение домена, по его полученным реквизитам?

Question

Я работаю над проектом библиотеки. Мой root компонент прослушивает избыточный магазин. на моей начальной странице посещения магазина не загружается. так что сначала не видно книг. примерно через 1 секунду (после завершения вызова API книг) он загружает книги в хранилище приставок, которое обновляет Dom контейнера root с выбранными книгами.

У меня есть компонент menuBar, который работает как дочерний элемент компонент root компонента. получает узлы dom, созданные объектом root [я использую document.getElementByID ('ID')]. Я делаю это в функции дочерних компонентов componentDidMount (). проблема в том, что дочерний компонент не перерисовывается после перерисовки компонента root.

, чтобы меню оставалось пустым.

Я использую redux-persist. Если я перефразирую sh страницу, появится меню, потому что redux-persist дает значения хранилищу избыточного числа из начальной выборки API.

Есть ли способ определить, выполняет ли компонент root модификацию dom, и если да, есть ли способ принудительно обновить дочерний компонент из компонента root.

, пожалуйста прокомментируйте, если вам нужна дополнительная информация.

Answer 1

Вам нужно передать данные дочернему компоненту, а не использовать поиск идентификатора.

const Parent = (store) => {
    
  const dataFromRedux = store.parentData
  // get your data some how

  return (
  <div>
    <Child data={dataFromRedux} />
  <div>
  )
}

const Child = ({ data }) => {
  // child will now re-render when the data is updated
  return <div>{data}</div>
}