Как добавить встроенный стиль в тег?

Как добавить встроенный стиль в этот код? Я просто хочу добавить лишний стиль, когда sideListMenu === 'addNoteMenu' Вот мой код ..

 <div className = "dashboard-side-list-menu_content">
                    {sideListMenu === 'additionMenu' && <DashboardAdditionMenu onHideSideListMenu = {onHideSideListMenu} onShowSideListMenu = {onShowSideListMenu} patientDetails = {patientDetails} />}
                    {sideListMenu === 'actionMenu' && <DashboardActionMenu onHideSideListMenu = {onHideSideListMenu} onShowSideListMenu = {onShowSideListMenu} patientDetails = {patientDetails}/>}
                    {sideListMenu === 'addPatientMenu' && <DashboardAddPatient onHideSideListMenu = {onHideSideListMenu} />}
                    {(sideListMenu === 'addInsuranceMenu' && patientId) && <DashboardAddInsuranceMenu onHideSideListMenu = {onHideSideListMenu} patientId = {patientDetails.PatientNotesDocsModel.PatientInfo.PatientID} patientDetails = {patientDetails}/>}
                    {(sideListMenu === 'addDocumentMenu' && patientId) && <DashboardAddDocumentMenu onHideSideListMenu = {onHideSideListMenu} patientId = {patientDetails.PatientNotesDocsModel.PatientInfo.PatientID} />}
                    {(sideListMenu === 'addNoteMenu' && patientId) && <DashboardAddNoteMenu onHideSideListMenu = {onHideSideListMenu} patientId = {patientDetails.PatientNotesDocsModel.PatientInfo.PatientID} />}
</div>

похоже, вы используете React. Если да, вы можете передать имя класса css в качестве опоры компоненту <DashboardActionMenu> и использовать его внутри компонента. Надеюсь, это имеет смысл?

— 13.11.2018 06:59

спасибо @GurtejSingh

— 13.11.2018 07:42

css reactjs

13.11.2018 06:26

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

CSS: FlexBox

Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.

Ответы 2

Встроенные стили могут быть присвоены тегу с помощью:

<div style = {{color: 'red', fontSize: '20px'}}>Hello There!!</div>

Если вы хотите добавить стиль условно,

передать стиль через реквизит в зависимости от вашего состояния.

нет, я не имею в виду это .. Как применить этот стиль для определенного тега между этим div

— 13.11.2018 06:37

@ Левина, ты можешь быть более конкретным?

— 13.11.2018 06:38

13.11.2018 06:33

Вы можете использовать внутренний стиль

DashboardAdditionMenu{
    /*Your style here*/
}
DashboardActionMenu {
    /*Your style here*/
}

13.11.2018 06:45

Другие вопросы по теме

_this3.state.method не является функцией

Как повторно отобразить родительский компонент React Native после обновления / редактирования в дочернем компоненте?

Когда можно ожидать появления новой функции асинхронного рендеринга с временным разрезом в React?

Как предупредить выбранную запись с помощью Reactjs

Загрузите изображение из Express (Back-end) с помощью React (Front-end)

Ошибка снимка Jest при использовании React.memo

Почему я не могу получить iframe.contentWindow после загрузки iframe?

React - условный рендеринг внутри функции возврата компонента

Импорт / экспорт при использовании редукторов в Redux-React Native

Ожидаемые реквизиты экземпляра для соответствия мемоизированным реквизитам в React 16

Как добавить встроенный стиль в тег?

Ответы 2

Другие вопросы по теме

Похожие вопросы