React基础

Posted em2464

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React基础相关的知识,希望对你有一定的参考价值。

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基础的主要内容,如果未能解决你的问题,请参考以下文章

[React 基础系列] React Router 的基本应用

React:React基础

React16.4 开发简书项目 从零基础入门到实战

React 基础

React基础知识

React全部api解读+基础实践大全(夯实基础万字总结!)