摘要: input自动聚焦问题 在react中可以使用refs解决这个问题,首先看一下refs的使用场景: (1)处理焦点、文本选择或媒体控制。 (2)触发强制动画。 (3)集成第三方 DOM 库。 使用refs解决input聚焦的问题有两种应用场景: 1、组件内部: 在input内部定义ref,当给 HT 阅读全文
posted @ 2018-05-10 17:48 SunLemon 阅读(11583) 评论(0) 推荐(0) 编辑
摘要: 传值方法 1、props.params 使用React router定义路由时,我们可以给指定一个path,然后指定通配符可以携带参数到指定的path: 跳转UserPage页面时,可以这样写: 在UserPage页面中通过 this.props.params.name 获取值。 上面的方法可以传递 阅读全文
posted @ 2018-05-10 17:41 SunLemon 阅读(2931) 评论(0) 推荐(1) 编辑
摘要: 遇到的问题 由A页面跳转到B页面,B页面停留在A页面的位置,没有返回到顶部。 问题分析 首先分析下出现此问题的原因: 在项目中使用的是 hashHistory,它是建立在 history 之上的,当路由发生变化时会记住原路由的状态,跳转新页面后默认停留在原页面的位置。 解决方法 使用 withRou 阅读全文
posted @ 2018-05-10 17:08 SunLemon 阅读(1105) 评论(0) 推荐(0) 编辑
摘要: 遇到的问题 项目中控制路由跳转使用的是BrowserRouter,代码如下: 在开发过程中使用是没有问题的,但是将页面上传至服务器之后,问题就来了:用户访问的资源不存在,页面是空白的。 经过排查怀疑是路径的问题,将BrowserRouter 改为 HashRouter之后,问题解决了~ 问题分析 首 阅读全文
posted @ 2018-05-10 16:06 SunLemon 阅读(26479) 评论(3) 推荐(2) 编辑
摘要: 在react项目开发中,input标签使用onChange方法获取输入值改变state: 但是,在IE9下发现 e.target.value 取值一直为undefined。在IE中,e.target 指的是window,查阅React文档发现: 解决方法: 阅读全文
posted @ 2018-05-10 15:35 SunLemon 阅读(1743) 评论(0) 推荐(0) 编辑