реагирует. js оверлей не работает - отображается только родительский объект

Question

Я просто пытаюсь создать оверлей из raw с реагированием.

Итак, я создал пустой Overlay компонент на данный момент. Один App Компонент, который имеет данные (простую строку) для отображения в обычное время.

Теперь я рендеринг <Overlay><App/></Overlay>

Но приложение от не рендерится?

Что здесь на самом деле не так?

codesandbox.io

Answer 1

Возникла проблема взамен Overlay компонента. Пожалуйста, замените ваше заявление о возврате на <div className="overlay">{this.props.children}<div>

Вы должны написать css для класса overlay.

Answer 2

Вы не можете создать оверлей таким способом. Лучший способ - создать компонент более высокого порядка, а затем вернуть новый компонент вместе с ним.

https://reactjs.org/docs/higher-order-components.html