Bagaimana untuk mendapatkan offsetX dalam tindak balas?

Question

1. Bagaimana untuk mendapatkan offsetX unsur dalam tindak balas?

Idea saya adalah untuk menyelesaikannya melalui this.state.offsetX, tetapi ini sememangnya batal

2 Keadaan tertentu komponen boleh dimulakan dalam tindak balas, tetapi apabila saya menulis getInitialState seperti ini, ralat amaran muncul pada konsol. Gesaan adalah seperti yang ditunjukkan di bawah:

Kod khusus adalah seperti berikut

Answer 1

1. kaedah penulisan es6. Keadaan lalai dimulakan dalam pembina

constructor() {
    super();
    this.state = {
    }
}

2 Jika anda ingin menggunakan ini dalam fungsi panggil balik acara, anda perlu mengikatnya secara manual

// 方法1
this.moveElment.bind(this);

// 方法2
moveElement = event => {
}

// 方式3
<p onMouseEnter={() => this.moveElement}></p>

Answer 2

getInitialState ialah cara ia ditulis dalam ES5.
Dalam ES6, permulaan keadaan harus diletakkan dalam pembina.

class Demo extends Component{
    constructor(){
        super(); // 必须先调用super, 后面才能用 this 
        this.state = {}        
    }
}

Answer 3

Ralat ditulis dengan jelas, gunakan sahaja

React.createClass()

Ia hanya boleh digunakan apabila

dan getInitialState,在使用ES6的class boleh digunakan semasa membuat kata kunci

this.state = {}