reactjs - 为 easyUI DateBox React 组件添加样式

Question

我只是想为 DateBox react 组件添加一些样式，如下面的代码中定义的那样

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

<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）？

感谢您的任何建议！

标签： reactjsjquery-easyui

Answer 1

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

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