Wie bekomme ich offsetX in Reaktion?

Question

1. Wie erhalte ich den OffsetX eines Elements in React?

Meine Idee ist, es über this.state.offsetX zu bekommen, aber das ist tatsächlich null

2. Bestimmte Zustände einer Komponente können in React initialisiert werden, aber wenn ich getInitialState so schreibe, erscheint eine Warnmeldung auf der Konsole. Die Eingabeaufforderung sieht wie folgt aus:

Der spezifische Code lautet wie folgt

Answer 1

1、es6写法下。初始化默认state是在constructor中进行

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

2、事件回调函数中如果要用this，需要手动bind

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

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

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

Answer 2

getInitialState 是 ES5 里的写法.
在 ES6 里, 应该把 state 初始化放到 constructor 里.

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

Answer 3

错误写的很明白， 只有在使用

React.createClass()

的时候才可以使用getInitialState,在使用ES6的class关键字创建时使用

this.state = {}