美文网首页前端
react初探-容易忽略这些内容

react初探-容易忽略这些内容

作者: xhbisme | 来源:发表于2018-04-21 16:02 被阅读7次

    关于react:

        1.react是一个ui框架,重要的大部分有三个:状态(state),属性(props),生命周期。

        2.react中所有长的像html的标签,都不是真正的html标签。它们是虚拟dom,是一个element对象,它们将会被react拿去处理成虚拟dom树,然后将虚拟dom树渲染成真是dom,具体怎么渲染的,我们下回详谈。

        3.阻止页面渲染,我们可以通过条件判断来 return null。

        4.JSX为React.createElement提供了可用的语法糖。原理如下:

    jsx

    5.jsx对文本的处理:

    jsx处理文本

    6:关于组件继承:

    官网解释

    7.严格模式--React.StrictMode:

    严格模式好处

    关于state:

        1.不要直接更新状态,要使用setState。

    直接改状态 用setState

    2.状态更新可能是异步的

        React 可以将多个setState 调用合并成一个调用来提高性能,比如,我在componentDidMount里使用了两个setState,改变了两个值,实际上react只会做一次更新,而且,新的属性只有在下个生命周期内有效,所以,不要指望在生命周期被触发之前,用上新的属性。

    多次调用执行一次

    3.setState回调函数。

    状态设置回调

    4.小技巧:以变量的值为key,setState。

    小技巧

    关于属性:

    1.只读,不可修改。

    2.单一数据源。

    关于生命周期:

    1.理解生命周期其实是指生命周期的钩子函数,在生命周期结束后的回调。

    相关文章

      网友评论

        本文标题:react初探-容易忽略这些内容

        本文链接:https://www.haomeiwen.com/subject/kufxlftx.html