向 easyUI DateBox React 组件添加样式

Question

我只想为 DateBox 反应组件添加一些样式，如下面的代码所定义

假设我想更改面板的宽度：类似于

<DateBox style="width=300"></DateBox>

或

    <DateBox>
      width=300 
    </DateBox>

但是这些尝试都没有奏效。

我的实际组件是：

import React from "react";
import { DateBox } from 'rc-easyui';


class DatePick extends React.Component {
  constructor() {
    super();
  }

  render() {
    return (
      <div>
        <DateBox>
        </DateBox>
      </div>
    );
  }
}

export default DatePick;

如何更改 DateBox 组件样式（而不是其中包含的 div）？

感谢您的任何建议！

Answer 1

你可以像这样使用样式属性

<DateBox style={{width:'300px'}}>
</DateBox>

向 easyUI DateBox React 组件添加样式

Adding style to easyUI DateBox React component

jquery-easyui

reactjs