react 翻书效果_React-FlipOver-Counter（日历翻页）

跟窝一起学习鸭~~

//index.js

import React from 'react';

import ReactDOM from 'react-dom';

import './index.css';

import App from './App.jsx';

import registerServiceWorker from './registerServiceWorker';

ReactDOM.render( < App / > , document.getElementById('root'));

registerServiceWorker();

//app.jsx根App

import React, {

Component

} from 'react';

import TotalQty from './components/TotalQty'

class App extends Component {

render() {

return (

)

}

}

export default App;

//TotalQty.jsx

import React, { Component } from 'react'

import './totalQty.less'

import FlipOverCounter from './flipOver/FlipOverCounter'

export class TotalQty extends Component {

// 父组件先定义state通过props传值

constructor(props) {

super(props)

//定义初始的值最小为50 长度这个日历是7位数

// 时间是60000ms更新一次吗？

this.state = {

min: 50,

max: 0,

time: 60000,

len