を使用してreact-calendarパッケージをインストールしました
npm install react-calendar
しかし、私はそれをどのようにスタイリングするか、またはそれにいくつかの色を与えるかがわかりません。react-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>
)
}
}
メインのReact-Calendar要素に「react-calendar」とともに追加されるclassNamepropを使用します。必要に応じてカレンダーのスタイルを設定するために使用できます
<Calendar className={['c1','c2']}/>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加