2018-09-21 React面试题

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()

}

}