Как управлять версткой и выравниванием в React JS?

Question

Я недавно начал кодировать в React. Это все хорошо, за исключением того, что я не могу найти правильный способ управления макетами и выравниванием в пользовательском интерфейсе. У меня есть опыт работы в UI5-фреймворке, где эти вещи выходят из коробки, но здесь я не могу найти такую ​​библиотеку провайдеров вещей.

Я также использую UI5-WebComponents для React lib, но есть только такие вещи, как FlexBox и интервалы.

Каким-то образом я избежал использования CSS в большом масштабе, полагаясь на предопределенные компоненты макета или элементы управления. Есть ли что-то подобное, что я могу использовать в React?

Буду благодарен за любую помощь

Answer 1

Это обычная настройка при запуске React. Вот что сработало для меня.

В процессе разработки я поместил стили в линию следующим образом

<MyReactComponent style={{top:'50%',position:'absolute'}} >
...
</MyReactComponent>

Перейдя в производство, я могу взять стили и переместить их в. css файл

.MyReactComponentStyles {
   position: absolute;
   top: 50%;
}

, затем передать стили компоненту

<MyReactComponent className="MyReactComponentStyles" >
...
</MyReactComponent>