无法使用Glamorous设置第三方组件的样式

时间:2019-01-16 11:56:00

标签: reactjs typescript react-router-dom glamorous

已记录的使用Glamorous设置第三方组件样式的方法不起作用。我已经尝试了几次,将显示一个示例。

在我的样式文件中:

import InfiniteCalendar from 'react-infinite-calendar'
export const Calendar = glamorous(InfiniteCalendar)({width:1200,height:330});

用法:

import { Calendar } from '../../styles/style';
const theme = {
    accentColor: '#fe490d',
    floatingNav: { background: 'rgba(56, 87, 138, 0.94)', chevron: '#ff7b50', color: '#FFF' },
    headerColor: '#fe490d',
    selectionColor: '#ff5720',
    textColor: { active: '#FFF', default: '#333'},
    todayColor: '#ff7b50',
    weekdayColor: '#ff5720'
  };
<Calendar selected={this.state.startDate} 
theme={theme}
minDate={today} 
maxDate={new Date(new Date().setFullYear(new Date().getFullYear() + 1))} 
onSelect={(e) => this.selectDate(e)}/>

我删除了width = {1200} height = {330}的日历属性

实际上发生的是没有错误,但是日历以每个默认设置显示-高度和宽度错误,主题被忽略,最大日期和最小日期错误,等等。为Calendar显示的Typescript对象是GlamorousComponent

我在这里做错了什么,我已经按照推荐的方法进行了操作?我是否需要以其他某种方式注入属性?知道如何执行此操作会很好,因为当前我无法将Glamorous用于任何第三方组件样式。

0 个答案:

没有答案