zoukankan      html  css  js  c++  java
  • react查缺补漏01

    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
    来源:简书
    简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。
  • 相关阅读:
    从零开始学SQLSERVER-游标CURSOR(基础)
    从零开始学SQLSERVER-创建表
    从零开始学HTML-button
    从零开始学前端HTML-input标签
    专项测试实战 | 如何测试 App 流畅度(基于 FPS 和丢帧率)
    接口测试框架实战 | 流程封装与基于加密接口的测试用例设计
    软件测试之30分钟轻松搞定正则表达式基础
    Python 装饰器填坑指南 | 最常见的报错信息、原因和解决方案
    react16与react15之间的区别
    react-父子组件之间的交互传值
  • 原文地址:https://www.cnblogs.com/Annely/p/10447633.html
Copyright © 2011-2022 走看看