一个人并不是生来要给打败的，你尽可以把他消灭掉，可就是打不败他。 JSX中，可以使用花括号{}嵌入任意的JavaScript合法表达式，如：2 + 2、user.firstName、formatName(user)都是合法的。示例如： JSX本身也是一种表达式，所以它可以像其他…

【2019-08-16】Hello 小伙伴们，由于 jsliang 对文档库进行了重构，这篇文章中的一些链接可能失效，而 jsliang 缺乏精力维护掘金这边的旧文章，对此深感抱歉。请需要获取最新文章的小伙伴，点击上面的 GitHub 地址，去文档库查看调整后的文章。 Crea…

10. index.js文件下的 reducer拆分 11. 在src文件夹下创建 store.js 12. 集成react-redux(容器型组件拆分,编写 ) 13. 异步Action 有时action里会通过调用api拿到一些数据，然后再dispatch(),这样就存在异…

虽然我们可以通过Redux的官方文档可以得知，它是一个JavaScript状态容器，所以他并不是只能和React配合使用，但我们还是要先了解React—这个它最常被使用到的场景。 第一步，我们先去探索Redux是在什么情况下被编写出来解决什么问题的，知己知彼，方能百战不殆。首先…

使用 React.js 一段时间了，把使用过程遇到的小坑和小技巧记录下来，希望能够帮助到其他人。此文章是长篇大论你只有耐得住寂寞，禁得住诱惑才会有所成长。 1. 父组件向子组件通信 2. 子组件向父组件通信 3. 跨级组件通信 4. 没有嵌套关系的组件通信 下面demo中点击父…

企业后台布局常采用多tab的方式，即可通过不同tab之间的切换访问已打开的页面，如下图所示。后台管理系统中一种常见的场景为从列表页到详情页展示，多tab的形式能够更好的满足这种业务场景，尤其在不同的tab页有对比的情况下。 我们可以通过每个标签记录不同的路由的形式，即<tab,…

Webpack 是一款强大的打包工具。在 Webpack 中一切皆模块。Webpack 官网的 Banner 图完美地诠释了这一理念。Webpack 从一个入口文件开始递归地分析模块的依赖关系，根据依赖关系将这些模块打包成一个或多个文件。 目前几乎所有的前端构建和开发都是采用 …

没有什么比时间更具有说服力了，因为时间无需通知我们就可以改变一切。 Webpack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使…