React，h5开发移动端

//初始化状态

state = { isGood: true }

render() {

const { isGood } = this.state

// 点击事件使用onClick

return (

组件实例对象属性——state使用,很{isGood ? ‘好用’ : ‘不好用’}

)

}

//点击执行函数，自定义方法（使用监听函数）

clickTitle = () => {

const { isGood } = this.state

//更新状态

this.setState({ isGood: !isGood })

}

}

//2.渲染组件到页面

ReactDOM.render(, document.getElementById(‘test’))

组件实例对象属性props

---

• 简单示例

• 简写方式

组件实例对象属性ref

---

• 字符串形式

• 回调函数形式

turn (

 

点我提示左侧的数据 

)

}

}

//2.渲染组件到页面

ReactDOM.render(, document.getElementById(‘test’))

• 回调函数形式