React笔记

  • 1、关于setState
setState({}, () => {
  回调函数,即在state更新完成后动作;
};
  • 2、在constructor中用this.state初始化state,如果不写constructor,可以直接‘state={}’来初始化state。

  • 3、shouldComponentUpdate中可能用到的工具函数

function equal(old, target) {
    let r = true;
    for (const prop in old) {
        if (typeof old[prop] === 'function' && typeof target[prop] === 'function') {
            if (old[prop].toString() != target[prop].toString()) {
                r = false;
            }
        }else if (old[prop] != target[prop]) {
            r = false;
        }
    }
    return r;
}

  • 4、 JSX
    在 JSX 语法中,你可以在大括号内放置任何有效的 JavaScript 表达式。例如,2 + 2user.firstNameformatName(user) 都是有效的 JavaScript 表达式。
    JSX使用小驼峰来定义属性的名称。
    假如一个标签里面没有内容,你可以使用 /> 来闭合标签,比如<div />。

  • 5、标签仅仅起包裹作用时可写为<></>,类似于angular中ng-container的作用。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • react 基本概念解析 react 的组件声明周期 react 高阶组件,context, redux 等高级...
    南航阅读 1,091评论 0 1
  • 关于JSX 考虑这样一段代码:const element = Hello, world! ;这段代码既不是字符串...
    带三本书阅读 386评论 0 1
  • 1、组件如果我们使用react搭建页面的话,页面就是由我们编写的组件各种组合嵌套而来,可以说组件是react的基本...
    wildtree001阅读 164评论 0 2
  • React 笔记一:简单串讲 github源码在此,记得点星:https://github.com/brandon...
    brandonxiang阅读 944评论 0 2
  • 加法公式 三个事件至少发生一个的概率
    NullAm阅读 258评论 0 1