javascript - react如何獲取offsetX?
問題描述
1.在react中如何獲取元素的offsetX呢?
我的思路是通過this.state.offsetX獲取,但是this確是null
2.react中可以初始化一個組件的某些狀態,但是我這樣寫getInitialState在控制臺卻出現了warning錯誤。提示如下圖:
具體代碼如下
問題解答
回答1:1、es6寫法下。初始化默認state是在constructor中進行
constructor() { super(); this.state = { }}
2、事件回調函數中如果要用this,需要手動bind
// 方法1this.moveElment.bind(this);// 方法2moveElement = event => {}// 方式3<p onMouseEnter={() => this.moveElement}></p>回答2:
getInitialState 是 ES5 里的寫法.在 ES6 里, 應該把 state 初始化放到 constructor 里.
class Demo extends Component{ constructor(){super(); // 必須先調用super, 后面才能用 this this.state = {} }}回答3:
錯誤寫的很明白, 只有在使用
React.createClass()
的時候才可以使用getInitialState,在使用ES6的class關鍵字創建時使用
this.state = {}
相關文章:
1. javascript - win7 npm安裝gulp失敗,已是管理員打開,也設置了文件權限2. jquery - jquey tabs ajax load html 沖突問題?3. css3 - css垂直水平居中?4. 同一個html頁面用多個id有什么影響?5. javascript - 小程序中遇到js執行時序問題6. Safari的html5 localStorage錯誤:“ QUOTA_EXCEEDED_ERR:DOM異常22:試圖向存儲中添加超出配額的內容。”7. 在微信瀏覽器中使用iframe,android會出現空白,ios會跳轉,怎么阻止這些?8. javascript - 表單ajax提交后跳轉,手機按返回又進入這個表單頁了!!9. css - 使用rem布局的問題10. 從Runtime.getRuntime()。exec()啟動wkhtmltopdf:永不終止?
