已记录的使用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用于任何第三方组件样式。