Не могу стилизовать сторонние компоненты, используя Glamorous - PullRequest
0 голосов
/ 16 января 2019

Документированный способ использования 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}

На самом деле происходит то, что ошибок нет, но календарь появляется с каждым параметром по умолчанию - неправильные высота и ширина, неправильная тема, неправильные даты max и min и т. Д. Объект Typescript, показанный для Calendar такое гламурный компонент

Что я здесь не так делаю, я следовал рекомендованному для этого способу? Нужно ли вводить свойства каким-то другим способом? Было бы хорошо узнать, как это сделать, потому что в настоящее время я не могу использовать Glamorous для стилей сторонних компонентов.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...