记一次 React 组件无法更新状态值的问题分析与解决

黄琦雲 at 
问题 React 组件中通过直接声明的元素变量(jsx 写法),在访问 state 中指定的状态值时,如果状态发生改变,使用状态值的元素内容无法得到相应更新;下面的例子中,直接在 class 组件中声明元素变量 myDiv,并且需要访问 this.state 中的数据,最终对状态值进行展示,按钮用于改变状态值:import React from 'react';class App extends React.Component { state = { msg: 'hello', }; myDiv = {this.state.msg}; handleClick() { ……