随笔分类 -  react

摘要:一、为什么要动态加载模块 webpack在打包react应用时会将整个应用打包成一个js文件,当用户首次访问时,会加载整个js文件,当应用规模越来越大时,这个js文件所包含的数据量也越来越大,网站首屏渲染的速度也就会变慢。二、优化方法 常见的优化方法有一下3种: 1、多入口:利用webpack的en 阅读全文
posted @ 2020-03-09 16:12 Chen_cong 阅读(1190) 评论(0) 推荐(0)
摘要:一、什么是服务端渲染 react是构建客户端应用程序的框架。传统的SPA (单页应用程序 (Single-Page Application)) 是在浏览器加载打包后的js文件,进行dom的生成与渲染。也可以将同一个组件在服务端渲染成html字符串,然后将它响应给浏览器。服务端渲染的react应用程序 阅读全文
posted @ 2019-12-10 00:13 Chen_cong 阅读(1585) 评论(0) 推荐(0)
摘要:问题描述: 我在react中用typescript时,定义一个Home组件,然后在组件里用setState时会有这样一个报错:(如图)Property 'setState' does not exist on type 'Home' 分析解决: 报错说我的Home组件上不存在setState属性,但 阅读全文
posted @ 2019-12-06 18:50 Chen_cong 阅读(2810) 评论(1) 推荐(0)
摘要:目录介绍 src:里面的每个文件夹就是一个页面,页面开发相关的组件、图片和样式文件就存放在对应的文件夹下。 tpl:里面放置模板文件,当webpack打包时为html-webpack-plugin插件提供模板。 tsconfig.json:typescript的配置文件,需要自己新建并编写。 web 阅读全文
posted @ 2019-02-18 15:01 Chen_cong 阅读(3356) 评论(0) 推荐(0)
摘要:React.Children提供了处理this.props.children的工具,this.props.children可以任何数据(组件、字符串、函数等等)。React.children有5个方法:React.Children.map(),React.Children.forEach()、Rea 阅读全文
posted @ 2019-02-13 18:38 Chen_cong 阅读(15914) 评论(1) 推荐(3)