2.2.2. 理解
- state是组件对象最重要的属性, 值是对象(可以包含多个key-value的组合)
- 组件被称为"状态机", 通过更新组件的state来更新对应的页面显示(重新渲染组件)
2.2.3. 强烈注意
- 组件中render方法中的this为组件实例对象
- 组件自定义的方法中this为undefined，如何解决？
a) 强制绑定this: 通过函数对象的bind()
b) 箭头函数 - 状态数据，不能直接修改或更新
<script type="text/babel"> class Weather extends React.Component{ constructor(props){ super(props) this.state={isHot:false} } render() { return <h1>今天天气很{this.state.isHot?'炎热':'凉爽'}</h1> } } ReactDOM.render(<Weather/>,document.getElementById('test')) </script>
