Zhang Zhuo / ObjectEVEComponents

React 17版本以上的组件封装

flv播放器封装

介绍：支持大屏适配宽度高度百分百，支持视频切换。

解释：只需要传入不同的videoUrl

使用：

import {FlvCom} from "zzreact"
export default class App extends Component {
    constructor() {
        super();
        this.state = {
            vidoeUrl: ""
        }
    }
    render() {
        let {vidoeUrl} = this.state
        return <FlvCom vidoeUrl={vidoeUrl}></FlvCom>
    }
}

time时间组件封装

介绍：用来大屏展示时间用

解释：可以加入className来自行改变样式

使用：

import {Timer} from "zzreact"

export default class App extends Component {
    render() {//通过下面的className写在css中样式就会生效
        //type可以不传默认YYYY-MM-DD HH:mm:ss
        //也可以改变，规则和moment.js中format的规则一致
        return (<div>
            <Timer className="timerComCssss" type="YYYY-MM-DD HH:mm:ss"></Timer>
            <Timer className="timerComCssss"></Timer>
        </div>)
    }
}