Question

如何在此给定代码中添加内联样式？我只想在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>

Answer 1

可以使用以下方式为标签提供内联样式：

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

如果您希望有条件地添加样式，

根据您的情况通过道具传递样式。

Answer 2

您可以使用内部样式

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

如何在标签中添加内联样式？

2 个答案: