1. React 组件绑定事件
2. React 事件对象
// 阻止a标签的默认行为
e.preventDefault()
3. React 中的无状态组件（函数组件）、有状态组件（类组件）
4. React 的 stat(状态) 基本使用
class App extends React.Component {
// 第一种定义状态的方式
// constructor() {
// super()
// this.state = {
// count: 0
// }
// }
// 第二种简易方式 (推荐)
state = {
count: 10
}
render() {
return (
<div>
<h1>计数器： { this.state.count }</h1>
</div>
)
}
}
ReactDOM.render(<App />, document.getElementById('root'))
5. React 中修改 state 的状态用 this.setState({})
6. React 中修改this指向的问题 推荐使用箭头函数
7. React 中 受控组件 input textarea select/option input:type='checkbox'
handleForm = e => {
// 获取 事件 对象
const target = e.target
// 获取 name 的值
const name = target.name
// 获取 value 的值
const value = target.type === 'checkbox'
? target.checked : target.value
this.setState({
[name]: value
})
}
