如何將className添加到EasyUI react組件

Question

我只想向下面的代碼中定義的DateBox react組件添加一些樣式

假設我想更改面板的寬度，例如：

<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;

假設myClassName是在style.css定義的，我如何指定DateBox組件的樣式className（不包含wich中的div）？

感謝您的任何建議！

編輯：讓我用一個例子更具體。 假設我想更改上述EasyUI react組件的背景色：如何在我使用的代碼中實現該目的？

再次感謝你！

Answer 1

如果將className應用於組件，則它將其視為道具。 因此，您需要將className應用於DateBox組件中的實際html標記。

或者，您可以將樣式應用於組件所在的父div，這可能適合也可能不適合您的需求。

根據docs ，您還可以應用style標簽（prop），如下所示：

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