Blame view

src/components/funAreaSelect/funAreaSelect.js 1.21 KB
96108619   Zhang Zhuo   更新添加文字功能 -张卓
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
  import React, { Component } from "react"
  import AreaSelect from "../areaSelete/areaSelete"
  import "./funAreaSelect.css"
  export default class FlvCom extends Component {
      constructor(props){
          super(props);
          this.state = {
              serviceData:[],
          }
      }
      static getDerivedStateFromProps(props){
          
          return null;
      }
      componentDidUpdate(){
         
      }
      componentDidMount(){
76d17fa3   Zhang Zhuo   更新bug -张卓
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
        // var canvasEl = document.getElementById(this.myRef.state.id)
        // canvasEl.onclick = (e)=>{
        //     var left = e.layerX;
        //     var top = e.layerY;
        //     let {serviceData} = this.state;
        //     serviceData.push([left,top])
        //     this.setState({
        //       serviceData
        //     },()=>{
        //       this.myRef.draw()
        //     })
        // }
        // canvasEl.oncontextmenu = (e)=>{
        //   console.log(e.button)
        //   e.preventDefault()
        // }
96108619   Zhang Zhuo   更新添加文字功能 -张卓
35
36
37
38
39
40
41
42
      }
      change(){
          
      }
      render() {
          let {serviceData} = this.state;
          return (
              <div className="funAreaSelectCss">
76d17fa3   Zhang Zhuo   更新bug -张卓
43
44
                  <AreaSelect serviceData={serviceData} change={(val)=>this.change(val)}></AreaSelect>
                  
96108619   Zhang Zhuo   更新添加文字功能 -张卓
45
46
47
48
              </div>
          )
      }
  }