React初级学习——1

主要内容:

  1. 掌握React基础特性
  2. 组件基础

一. React三大特性:
申明式:
类比理解为Vue的‘数据响应式’
交互式UI
数据改变时有效的更新,正确的渲染 组件

组件化:
独立的拥有各自状态的组件
组件逻辑由JS编写:保证状态与Dom分离

一次学习,随处编写:
无技术栈限制,随时引入React开发新特性,且无需修改旧代码
支持SSR
React Native移动端应用

二. 组件基础
render():接收数据并返回要展示的内容,数据通过this.props访问。
通过this.props访问的数据称为‘外部数据’,即组件外部。

组件的内部数据:通过this.state访问,当组件的状态(即内部数据)改变时,组件会再次调用render方法,重新渲染对应的‘标记’

应用:结合props和state,就可以组成简单的应用,父级中存储state,子级中通过props获取(类比Vue)

组件中使用外部插件:结合其他库或框架一起使用

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 作为一个合格的开发者,不要只满足于编写了可以运行的代码。而要了解代码背后的工作原理;不要只满足于自己的程序...
    六个周阅读 12,701评论 1 33
  • 前言 开发一个React应用,更多的是在编写组件,而React组件最小的单位就是React元素,编写组件的最大的好...
    itclanCoder阅读 4,948评论 0 1
  • HTML模版 之后出现的React代码嵌套入模版中。 1. Hello world 这段代码将一个一级标题插入到指...
    ryanho84阅读 11,426评论 0 9
  • 最近看了一本关于学习方法论的书,强调了记笔记和坚持的重要性。这几天也刚好在学习React,所以我打算每天坚持一篇R...
    gaoer1938阅读 5,688评论 0 5
  • 原教程内容详见精益 React 学习指南,这只是我在学习过程中的一些阅读笔记,个人觉得该教程讲解深入浅出,比目前大...
    leonaxiong阅读 7,860评论 1 18

友情链接更多精彩内容