首页 > 其他 > 详细

React基础

时间:2020-01-11 23:02:29      阅读:94      评论:0      收藏:0      [点我收藏+]

React:Virtual  DOM,Component,声明式渲染等。

   命令式编程:命令“机器”如何去做事情(how),这样不管你想要的是什么(what),它都会按照你的命令实现。

  声明式编程:告诉“机器”你想要的是什么(what),让机器想出如何去做(how)

技术分享图片

 

 技术分享图片

技术分享图片

 

 技术分享图片

 

 

https://github.com/crazycodeboy/RNStudyNotes/blob/master/React%20Native%E4%B9%8BReact%E9%80%9F%E5%AD%A6%E6%95%99%E7%A8%8B/React%20Native%E4%B9%8BReact%E9%80%9F%E5%AD%A6%E6%95%99%E7%A8%8B%20(%E4%B8%8A).md

JSX语法

技术分享图片

 

 技术分享图片

 

 标签小写字母开头,组件大写字母开头

属性表达式:用大括号{}包裹即可

不要试图去修改组件的属性

  技术分享图片

 

     会导致类型检查失效。

    技术分享图片

 

 延展属性 :

  技术分享图片

 

 Component

  技术分享图片

 

 注意:组件类的第一个字母必须大写

    组件类只能包含一个顶层标签  <></>这个为顶层标签也可,或返回组件数组也可

技术分享图片

 

 技术分享图片

 

 技术分享图片

 

 PropTypes:验证组件实例的属性是否符合要求。

  React.PropTyypes从React v15.5开始被移除prop-types

技术分享图片

 

 更多:https://www.jianshu.com/p/2896acb5746b

默认属性:

  技术分享图片

React基础

原文:https://www.cnblogs.com/em2464/p/12181397.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!