主要内容:
- 掌握React基础特性
- 组件基础
一. React三大特性:
申明式:
类比理解为Vue的‘数据响应式’
交互式UI
数据改变时有效的更新,正确的渲染 组件
组件化:
独立的拥有各自状态的组件
组件逻辑由JS编写:保证状态与Dom分离
一次学习,随处编写:
无技术栈限制,随时引入React开发新特性,且无需修改旧代码
支持SSR
React Native移动端应用
二. 组件基础
render():接收数据并返回要展示的内容,数据通过this.props访问。
通过this.props访问的数据称为‘外部数据’,即组件外部。
组件的内部数据:通过this.state访问,当组件的状态(即内部数据)改变时,组件会再次调用render方法,重新渲染对应的‘标记’
应用:结合props和state,就可以组成简单的应用,父级中存储state,子级中通过props获取(类比Vue)
组件中使用外部插件:结合其他库或框架一起使用