如何将类名添加到 EasyUI 反应组件

Question

我只想为下面的代码中定义的DateBoxreact组件添加一些样式

假设我想更改面板的宽度，如下所示：

<DateBox className="myClassName"></DateBox>

但这没有奏效。我的实际组件是：

import React from "react";
import { DateBox } from 'rc-easyui';
import "./style.css"   
class DatePick extends React.Component {
constructor() {
super();
}    
render() {
return (
<div>
<DateBox>
</DateBox>
</div>
);
}
}    
export default DatePick;

如何指定 DateBox 组件样式类名(不是包含div 的div(，假设myClassName是在style.css中定义的？

感谢您的任何建议！

编辑：让我用一个例子更具体。假设我想要 要更改上述 EasyUI react 组件的背景颜色： 如何在我使用的代码中实现这一点？

再次感谢！

Answer 1

如果将className应用于组件，它会将其视为道具。因此，您需要将className应用于 DateBox 组件中的实际 html 标记标记。

或者，您可以将样式应用于组件所在的父div，这可能适合您的需求，也可能不适合您的需求。

根据文档，您还可以应用style标签(prop(，如下所示：

<DateBox style='some class or inline style'>