1、描述对react理解?

react是一个用于构建用户界面的JS库。

react主要用于构建UI。很多人认为 React 是 MVC 中的 V(视图)。

react起源于:Facebook的内部项目,用来架设instagram网站,于2013年5月。

2、react特点?

生命式设计:react采用声明范式。

高效:react通过对DOM的模拟,最大限度减少DOM交互。

灵活:react可与已知的库和框架很好的配合。

JSX:JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。

组件:通过react构建组件,使得代码更加容易得到复用,能够很好应用在大项目开发中。

单向页面的数据流:react实现了单向响应的数据流,从而减少了重复代码,这也是它为什么比传                           统数据绑定更简单。

3、React中如何定义初始状态 ?

State和Props

State主要用于更新界面,组件的State属性在生命周期函数 getInitialState中初始化,当调用组件的this.setState改变state的时候,组件会重新渲染刷新。

Props主要用于组件之间传递数据,也就是标签的属性 这里的pname属性就可以在MyText中通过this.props.pname得到

4、JSX的有什么优点?

JSX 执行更快,因为它在编译为 JavaScript 代码后进行了优化。

它是类型安全的,在编译过程中就能发现错误。

使用 JSX 编写模板更加简单快速。

5、如何创建虚拟DOM、组件?

Var  Com=React.createClass({render(){return ()}})

6、数组如何渲染到页面?

ReactDOM.render(

组件,

Domcoment.getElementById()

)

7、构建view视图用哪个函数?

render: function () {}

8、什么是组件?

通过React.creatClass({})定义一个组件的

可以通过this.props对象传递数据

9、通过什么方法定义一个组件?

Let  Hello = react.createClass({

})

ReactDOM.render(Hello,document.getElementById(“app”)

10、class是js中的保留字,所以用什么方法创建一个类名?

class App extends Component{

}

export default App;

11、render函数中,如果多个元素嵌套时需要注意什么?

代码中嵌套多个HTML标签 ,需要使用一个标签元素包裹她

12、写事件是需要注意哪些问题?

map函数渲染的子元素绑定

事件冒泡的问题

页面传递参数问题

获取页面参数问题

13、什么是state?

是一个状态机,根据数据的改变更新视图

14、state怎么设置默认值?

getInitialState(){}

15、在哪个函数中修改状态?

setState((state)=>{})

16、props和state区别是什么?

Props是一个属性值,里面数据是不能改变的

State是一个状态机,根据数据的改变更改视图

17、么获取组件中定义的属性?

this.state

18、props验证器?

propTypes{

number:React.PropTypes.number.isRequired 判断是数字类型

arr:React.PropTypes.array.isRequired    判断是数组类型

function:React.PropTypes.func.isRequired  判断是function类型

bool:React.PropTypes.bool.isRequired    判断是布尔类型

object:React.PropTypes.object.isRequired  判断是对象类型

19、简述一下ref属性?

是一个非常特殊的属性,可以用来绑定到render()输出的任何组件上,允许引用render()返回的相应的支撑案例,用来确保任何时间总是拿到正确的实例;

20、Ref属性有什么优点?

可以用来绑定render输出的任何组件

21、Ref怎么获取支撑实例?

通过this.refs获取属性

22、组件的生命周期钩子函数?

ComponentWillMount 编译前。渲染前调用

componentDidMount 编译完成,渲染后调用

componentWillUpdate 组件state调用后 将要更新时,但还没有render调用

componentDidUpdate 在组件完成更新后立即被调用

componentWillUnmount 在组件从DOM中移除的时候被调用

componentWillReceiveProps 组件接受props之前

shouldComponentUpdate 组件state被调用  必须返回一个布尔值,true false

23、组件中的七个方法??

SetState 设置状态

ReplaceState 替换状态

setProps设置属性

replacerProps替换属性

forceUpdate  强制更新

findDOMNode获取DOM节点

isMounted 判断组件挂载状态

24、构建view视图用哪个函数?

render(){

function(){

}

}

25、怎么创建一个组建?

var Com=React.createClass{

、render(){

return()

}

}

作者:X秀秀
链接:https://www.jianshu.com/p/b8ab4f1293eb
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

react查缺补漏01的更多相关文章

  1. Android查缺补漏--BroadcastReceiver的类型与使用

    Broadcast 是一种被用于应用内和应用之间传递信息的机制.一个广播可以对应多个接受者.一个完整的广播机制,需要具有以下三个要素: 发送广播的Broadcast 接受广播的BroadcastRec ...

  2. Android查缺补漏--Service和IntentService

    Service的运行不依赖界面,即使程序被切换到后台,Service仍然能够保持正常运行.当某个应用程序进程被杀掉时,所有依赖于该进程的Service也会停止运行. Service 分为启动状态和绑定 ...

  3. Android查缺补漏--Activity生命周期和启动模式

    一.生命周期 onCreate():启动Activity时,首次创建Activity时回调. onRestart():再次启动Activity时回调. onStart():首次启动Activity时在 ...

  4. Android查缺补漏(View篇)--在 Activity 的 onCreate() 方法中为什么获取 View 的宽和高为0?

    在 Activity 的 onCreate() 方法中为什么获取 View 的宽和高为0 ? @Override protected void onCreate(Bundle savedInstanc ...

  5. Android查缺补漏--ContentProvider的使用

    ContentProvider (内容提供者)是一种共享型组件,可以为系统内应用于与应用之间提供访问接口. ContentProvide要想正常工作需要三个关键点: ContentProvider:对 ...

  6. Android查缺补漏(View篇)--自定义 View 的基本流程

    View是Android很重要的一部分,常用的View有Button.TextView.EditView.ListView.GridView.各种layout等等,开发者通过对这些View的各种组合以 ...

  7. Android查缺补漏(View篇)--自定义View利器Canvas和Paint详解

    上篇文章介绍了自定义View的创建流程,从宏观上给出了一个自定义View的创建步骤,本篇是上一篇文章的延续,介绍了自定义View中两个必不可少的工具Canvas和Paint,从细节上更进一步的讲解自定 ...

  8. Android查缺补漏(View篇)--事件分发机制

    事件分发机制是Android中非常重要的一个知识点,同时也是难点,相信到目前为止很多Android开发者对事件分发机制并没有一个非常系统的认识,当然也包括博主个人在内.可能在平时的开发工作中我们并没有 ...

  9. Android查缺补漏(View篇)--事件分发机制源码分析

    在上一篇博文中分析了事件分发的流程及规则,本篇会从源码的角度更进一步理解事件分发机制的原理,如果对事件分发规则还不太清楚的童鞋,建议先看一下上一篇博文 <Android查缺补漏(View篇)-- ...

随机推荐

  1. Latex常用数学符号(转)

    http://blog.sina.com.cn/s/blog_642075770100u0np.html Latex常用数学符号(转) 1.指数和下标可以用^和_后加相应字符来实现.比如: 2.平方根 ...

  2. Win7系统的虚拟机中安装win7系统

    今天因兼职需要,在家里的win7电脑上安装WIN7虚拟机. 之前在xp和win10系统的虚拟机中,安装各种版本的windows系统都很轻松,这一次居然折腾了很久都没搞定. 下载了好几个系统ios镜像都 ...

  3. laravel的工厂模式数据填充:

    数据表post中的字段结构. database\factory\UserFactory.php $factory->define(App\Post::class,function (Faker ...

  4. Ie11 的改变

    摘录地址:     http://www.4fang.net/content.jsp?id=30537 微软在上周刚刚发布了用于Windows 8.1上的首个Internet Explorer 11的 ...

  5. Win10系列:VC++绘制几何图形2

    新建了Direct2D中的资源后,接下来初始化用于绘制图形的应用窗口.在解决方案资源管理器窗口中右键点击项目图标,在弹出的菜单栏中选中"添加", 并在"添加"的 ...

  6. Win10访问不到XP共享的解决:

    不知道别人的是怎么解决. 反正我这么解决了. 我的win10笔记本,是使用windows帐户登陆的.可以同步很多东西. 同事的电脑是台式老古董XP. 扫描不到网上邻居,手动\\ip也访问不到. 最后安 ...

  7. [Leetcode 392]判断子序列 Is Subsequence

    [思路] 判断s是否为t的子串,所以length(s)<=length(t).于是两个指针,一次循环. 将s.t转换为数组p1.p2. i为过程中s的匹配长度. i=0空串,单独讨论返回true ...

  8. C++基础知识:动态类型识别

    1.动态类型指的是基类指针所指向的对象的实际类型 2.C++中的多态根据实际的对象类型调用对应的虚函数(1)可以在基类中定义虚函数返回具体的类型信息(2)所有的派生类都必须实现类型相关的虚函数(3)每 ...

  9. MySQL 必知必会学习笔记

    SHOW DATABASES;USE LangLibCEE;SHOW TABLES;SHOW COLUMNS FROM customers;DESC customers; SHOW STATUS WH ...

  10. bootstrap动态生成层级ul-li 新闻预览 常用方法

    <div class="row" id="add-withinfosortId-row" style="display: none"& ...