ReactJS - Как оформить календарь React - PullRequest
0 голосов
/ 23 июня 2018

Я только что установил пакет реагировать на календарь, используя

npm install react-calendar

но я понятия не имею, как его стилизовать или придать ему цвет. Инструкции в response-calendar - npm не предоставляют никакой информации об этом. Мне было интересно, если кто-нибудь, кто использовал этот пакет, мог бы помочь мне здесь. Вот код, который у меня есть:

import React, {Component} from 'react'
import Calendar from 'react-calendar'
export default class EventModifier extends Component {

    state = {
        date: new Date(2018, 6, 1)
    }

render(){
let calendar = <Calendar onChange={this.onChange} value={this.state.date} onClickDay={(value) => alert("day" + value + "clicked")}/>
return(
<div>
{calendar}
</div>
)
}
}

1 Ответ

0 голосов
/ 23 июня 2018

Используйте className prop, который будет добавлен вместе с «response-calendar» к основному элементу React-Calendar.и он может быть использован для стилизации календаря, как вы хотите

<Calendar className={['c1','c2']}/>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...