随笔分类 - react
摘要：call 为阻塞调用， fork为非阻塞调用
阅读全文
摘要：当使用state来改变一个组件内部的虚拟dom的时候，该虚拟dom是无法监听到state数据的变化的，他只会绑定state改变dom当时的数据。
阅读全文
摘要：有个upload 重复上传同名文件的需求，在网上找了很多解决方案都不好使，在react当中解决该问题其实很简单，其实无法上传同名文件 的原因是因为无法触发onChange事件，只需要刷新改dom就可以清空file里面的文件路径了。 而react当中更新组件的Key就可以重新渲染该dom了
阅读全文
摘要：在react16当中，对一个组件抛出多个dom进行了支持,写法 以数组形式抛出
阅读全文
摘要：之前写的更多的时候是直接使用简写 {props.children} 这样就可以了，但是当有时候需要对传入的子组件进行一些操作的时候需要用到React.Children方法
阅读全文
摘要：webpack-dev-server 打开的服务默认是只能localhost访问的，当有时候需要让别人访问的时候可以配置 --host 192.168.84 这样在同一个局域网下面就可以通过该ip来访问你的线上地址了 也可以在npm scripts 当中进行配置
阅读全文
摘要：css modules调研 css模块化解决方案 抛弃css (Radium,jsxstyle,react style) 利用js来管理样式依赖(css Modules) css模块化面临的问题 全局污染 命名混乱 依赖管理不彻底 无法共享变量 代码压缩不彻底 启用CSS Modules,webpa
阅读全文
摘要：当需要监听组件的属性改变的时候有两个生命周期componentWillReceiveProps和componentWillUpdate 当使用componentWillUpdate的时候可以获取到将要改变的属性值和状态值nextProps和nextState 当使用componentWillRece
阅读全文
摘要：react当中的props-type用来检测传入组件当中的数据是否符合组件的要求，但是之前的只是能做些简单常规的判断，如果需要做复杂的判断，就需要使用到自定义函数来做类型检测了。 下面是官网的例子 props参数为传入的属性，propsName为当前检测的属性，componentName为当前组件的
阅读全文
摘要：如果需要在你的react项目当中使用状态管理模式的话，需要引入redux和react-redux两个插件，redux提供基本的功能，react-redux提供将redux注入react的方法。 在渲染之前将根组件包进Provider当中，这样App就是容器组件了，在它里面都可以通过引入store，在
阅读全文
摘要：1. react和redux没有直接联系，当react需要结合redux使用的时候，需要引入 react-redux ，该插件提供了connet等方法使得react可以注入redux属性。 2. redux修改 state的值的时候不能直接修改，需要重新声明变量，然后修改这个变量，返回这个变量覆盖原
阅读全文
摘要：首先初始化redux的数据 reducer 那么问题来了，todos这个reducer是如何知道传入的是初始化state下面的todos这条数据呢？ 合并reducer 合并之后是这样的 他们之间的关系 合并之后的对象的键名和state数据的名称一样就知道是修改哪条数据了 比如说todos，键名为t
阅读全文
摘要：子组件直接改变父组件传入的props值是不被允许的, 当需要在子组件当中改变父组件的某一个状态， 父组件传入一个改变状态的函数，然后在子组件当中调用函数即可
阅读全文
摘要：在使用react-bootstrap的时候设置showModel的值来控制Model的显示与隐藏，但是setState这个函数是异步的。 当你进行数据更新的时候，接着执行函数获取这个模态框的dom是获取不到的，原因是setState这个时候并没有完成。 需要在setState完成之后执行操作，需要在
阅读全文
摘要：Redux Redux 对于通信工程专业的来说可以这么理解 在不用Redux的时候，组件中的信息传递就好像我通过用嘴巴说的方式向你传递信息，但是当周围环境比较嘈杂信息比较多或者我距离你比较远的时候，信息的传递就比较费劲了，一句两句还好，多了肯定会很累。 那么Redux是个什么存在呢？他就像一个基站，
阅读全文
摘要：在开发过程当中需要给组件写上自己的样式，这个时候怎么办呢？ 直接给组件添加className这样是无效的 当给组件添加className之后 在写组件的时候需要对使用你的组件的开发人员提供自定义className支持 将传入的自定义className属性与组件本来的className合并
阅读全文
摘要：react-router会自动为路由组件插入三个参数，但是不会主动为路由组件的子组件注入 子组件当中需要在属性当中传入 不是路由组件需要注入路由参数的话，也可以使用withRouter注入，而不是从属性当中传入
阅读全文
摘要：方法一： 获取dom当中的数据 需要操作的dom上面有 ref="test", 当需要获取的时候 this.refs.test.value 就可以获取当前输入框的value值 方法二： 通过event当中获取 在 event.target.value 当中获取
阅读全文
摘要：在react当中 比如说 如上更改的结果为 loginInfo的值下面的password键消失了，原因是setState这个操作只能改变 this.state下面的数据，不能单独更改数据当中的某些数据，如果需要这么做，可以这样 这样先将loginInfo的值展开，之后需要单独更改的将原来的值覆盖就好
阅读全文
摘要：...props可以把没有写到的属性补充完整 ...style 可以把style 属性在styles当中展开
阅读全文
浙公网安备 33010602011771号