Как создать полупрозрачное наложение с помощью JavaScript в ReactJS?

#javascript #html #css #reactjs #material-ui

#javascript #HTML #css #reactjs #материал-пользовательский интерфейс

Вопрос:

В проекте ReactJS у меня есть запрос API, и как только я его выполню, я хотел бы отобразить полупрозрачное наложение на текущей веб-странице с индикатором прогресса Material UI ( http://www.material-ui.com/#/components/circular-progress ) поверх полупрозрачного наложения, и после того, как я получу ответ обратно, хотел бы, чтобы полупрозрачное наложение с прогрессоминдикатор исчезнет.

Как я могу это сделать? Любые рекомендации или идеи будут с благодарностью приняты. Спасибо.

Комментарии:

1. Что вы пробовали? Это не сервис для написания кода, но мы будем рады помочь в отладке, если у вас возникнут проблемы

Ответ №1:

В React вы можете использовать backgroundColor и RGBA css, так, например

 <div style={{backgroundColor: 'rgba(0,0,0,0)'}}> ... </div>
  

Комментарии:

1. Да, я понимаю, но как я могу заставить его временно покрыть всю страницу?

2. Точно так же, как вы обычно делаете с css