React相关
关注
分享
扫一扫
big_big-world
To be greatest,or nothing
博客地址 https://bestGao.github.io
展开
-
create-react-app命令的执行问题
当cretate-react-app appname是出现 postinstall: info时间。。。时，使用 npm install -g npm@latest 更新下npm，之后使用管理运行npm 重新试下就ok了。原创 2018-01-26 18:40:41 · 3757 阅读 · 0 评论 -
react引入状态管理
why how 不同级别组件的状态依赖，或者影响数据翻译 2018-05-10 06:54:39 · 495 阅读 · 0 评论 -
react组件分类
1，有状态组件， 有自己的state 在constructor中定义 继承Component基类的方法能够在生命周期内通过setState方法改变state改变Virtul DOM从而从新渲染DOM eg: export default class Peoson extends Component{//oop constructor(props){this.state={}}rende...原创 2018-04-25 13:22:30 · 513 阅读 · 0 评论 -
react实现原理猜测
react 解决的问题：1前端组件的复用性问题: class Component{ constructor(){}setState(){} } 2数据和视图的同步问题class Sample extends Component{ constructor(){ super()this.state={}}}virtual-DOM jsx javascript...原创 2018-04-25 06:55:28 · 250 阅读 · 0 评论 -
React 16.3新的Context API真的那么好吗？
React v16.3还没有正式发布，但是已经预告了众多新功能，其中很引人注意的是新的Context API，今天就来聊一聊这个。关于这个新的Context API有很多表扬的声音，但是我们可以和老的Context API做一个对比，发现可能并没有想象的那么好。首先，React一直是有Context API的（我们姑且称为“老的Context API”），只是React团队自己都不建议使用，如果你...转载 2018-04-05 09:15:54 · 7456 阅读 · 0 评论 -
从新的 Context API 看 React 应用设计模式
在即将发布的 React v16.3.0 中，React 引入了新的声明式的，可透传 props 的 Context API，对于新版 Context API 还不太了解朋友可以看一下笔者之前的一个回答。受益于这次改动，React 开发者终于拥有了一个官方提供的安全稳定的 global store，子组件跨层级获取父组件数据及后续的更新都不再成为一个问题。这让我们不禁开始思考，相较于 Redux ...转载 2018-04-05 09:14:51 · 488 阅读 · 0 评论 -
自己实现一个react基本功能
1.react解决的问题组件化一个简单的点赞功能我们会从一个简单的点赞功能讲起。 假设现在我们需要实现一个点赞、取消点赞的功能。如果你对前端稍微有一点了解，你就顺手拈来：HTML: <body> <div class='wrapper'> <button class='like-btn'> <span class='l...转载 2018-04-10 13:36:43 · 794 阅读 · 0 评论 -
react笔记
1.在组件生命周期 componentwillMount(){setState{name:"change"}}函数里更改state 是可以的2.render函数本身并不往DOM树上渲染或装载内容 只是返回一个JSX表示的对象,然后由React库来根据返回的JSX对象决定如何渲染，React库要把所有组件返回的结果综合起来，才能知道如何产生对应的DOM修改。所有只有React库调用所有组件的ren...原创 2018-03-25 10:13:30 · 235 阅读 · 0 评论 -
前端开发遇到的小问题
checkbox全选全不选:prop用于操作元素的固有属性attr用于自定义属性$("#all").click(function(){ if(this.checked){ $("#list :checkbox").prop("checked", true); }else{ $("#list :checkbox").prop(原创 2018-01-26 18:50:38 · 340 阅读 · 0 评论 -
React 技术栈
React+Redux+React-Router v4+ES6+webpackgithub 地址 https://github.com/bestGao/Big-Funny-World.git原创 2018-02-04 09:18:33 · 509 阅读 · 0 评论 -
react-routev4简易入门
React Router4是一个流行的纯React重写的包。现在的版本中已不需要路由配置，现在一切皆组件。本文涵盖了开始使用React Router构建网站所需要的一切知识。我们将会为本地运动队制作一个网站。代码想看网站最终效果，查看demo点击预览安装React Router被拆分成三个包：react-router,react-router-dom和r原创 2018-02-03 10:12:49 · 487 阅读 · 0 评论 -
navicat for mysql10.0.11简体中文破解版
navicat for mysql10.0.11简体中文破解版下载地址链接：https://pan.baidu.com/s/1oAoSAam 密码：330e原创 2018-01-26 18:45:10 · 8581 阅读 · 0 评论 -
react 的key值问题
react中使用map遍历数组的key值为什么不能取Array的index呢看到一篇Stack Overflow的回答就是在类似[{name:'test',age:12},{name:'ds',age:12},{name:'dsa',age:12},{name:'ds',age:12}]的数组当做单行dom删除时 当您使用数组的索引作为键时，React将优化并且不按预期呈现。在这种...原创 2018-10-10 11:47:06 · 1083 阅读 · 1 评论