随笔分类 -  React 学习笔记

这些天也刚刚接触到react的一些东西，本身对前端也不算那么熟悉值知道一些基本的html和css总算要接触三大框架之一 React了....
执行命令npm install XXX后仍然提示 Cannot find Module XXX
摘要：最近遇到一个问题，在服务器上配置完node环境后 执行npm start 命令后提示 Cannot find Module "Jquery" 然后就知道可能没有安装jquery 就继续在当前文件夹下执行 npm install jquery 但是再次执行后却仍然提示 Cannot find Modu 阅读全文
posted @ 2018-09-12 13:52 sukidagala2018 阅读(646) 评论(0) 推荐(0)
React：关于在delegate中的confirm或者alert在多次弹出
摘要：如何试验出是delegate的过程就不解说了 直接上解决方案:（当然我的解决方案只适合一定情况） 取比较简单的代码来解说，例如 我一开始使用delegate的原因是由于我有部分html页面是ajax中获取数据后拼接进去的， 所以这一些页面的js效果是没有办法实现的，可以使用delegate解决这个问 阅读全文
posted @ 2018-08-28 15:31 sukidagala2018 阅读(627) 评论(0) 推荐(0)
给类型为text的input设置value值却无法修改
摘要：给类型为text的input设置value值后就无法修改了 我的页面显示为如下但是退格却无法改变他的值 原来是缺少onChange事件，没法监听value的改变 所以需要添加 HandleChange 函数这么写 那探索下 如果假设有多个input 在setState中设置的值不一样呢 很简单这样改 阅读全文
posted @ 2018-08-27 18:48 sukidagala2018 阅读(1983) 评论(0) 推荐(0)
check设置默认值但刷新后就会清空
摘要：关于check设置默认值但刷新后就会清空的问题 可能是由于浏览器的问题 我这边就直接在ComponentDidMount里面加jq使得该radio的状态为选中，后边还发现一个问题就是在点击的时候多次点击才能够选中这就很迷； 解决方案是把原来的attr属性改为prop 仍然存在问题就是我需要点击2次才 阅读全文
posted @ 2018-08-24 17:10 sukidagala2018 阅读(405) 评论(0) 推荐(0)
对于拼接进去的html原来绑定的jq事件失效
摘要：JQ拼接显示的页面中鼠标事件失效 由于是先加载html在用js层绑定的所有后来加进来的html内容就不再绑定js了 所以我们需要利用delegate绑定，但是同样道理也不能写在普通的方法层里，因为这样还是会失效 所以本身拼接的时候我们就在componentDidMount()里我们就继续在尾部添加我 阅读全文
posted @ 2018-08-24 17:01 sukidagala2018 阅读(949) 评论(0) 推荐(0)
ajax请求拿到多条数据拼接显示在页面中
摘要：首先我们拿到的了一坨Json数据 如下 然后通过ajax请求拿到数据 在ajax的success方法中处理和使用数据： 其中包括： 用eval处理这种数据 用循环取出数据并使用 综上代码： 最后我的页面中能显示 阅读全文
posted @ 2018-08-24 16:44 sukidagala2018 阅读(4471) 评论(0) 推荐(0)
ajax取到数据后如何拿到data.data中的属性值
摘要：今天遇到的ajax取到数据后如何拿到data.data中的属性值的问题 比如拿到了数据 我要取出data中的name 题外话:当然取名最好别取什么奇怪的xiaobi 阅读全文
posted @ 2018-08-24 16:38 sukidagala2018 阅读(3174) 评论(0) 推荐(0)
关于ajax中return并不能作为方法的返回值
摘要：接下来关于ajax中的return值最后没有办法是方法的最终返回值问题 我们能看到方法中明明return了但是 调试却发现 这个方法的返回值是defined 其实因为在ajax方法中return只是退出了ajax方法 并非是login方法的返回值 然后我们设置一个新的变量，然后在ajax内部赋值，最 阅读全文
posted @ 2018-08-24 16:33 sukidagala2018 阅读(4088) 评论(0) 推荐(0)
登录界面点击登录后如何延迟提示成功的div的显示时间并跳转
摘要：需求： 在登录页面点击sign in跳转到下个页面之前，我需要显示成功的窗口2秒然后自动关闭 那我们来研究下setTimeout: 关于这个setTimeout首先下面的代码实现的是两秒之后再显示SuccLogin窗体。 所以该函数的意思是延迟2秒后在执行函数中的代码 关于Delay 这个delay 阅读全文
posted @ 2018-08-24 15:42 sukidagala2018 阅读(572) 评论(0) 推荐(0)
总结React关于require的问题
摘要：我需要实现的是当登录页面传过来的sex值为1则性别一栏的图片修改为boy.png如果为0性别图片则显示为girl.png‘ 最开始是这么写的为了让他成为变量 所以不行ok我们回到React的生命周期函数componentWillMount() 在第一次渲染之前使用 这样就可以实现功能 那其实也可以设 阅读全文
posted @ 2018-08-24 15:16 sukidagala2018 阅读(5823) 评论(0) 推荐(0)
关于React的赋值与调用方法
摘要：关于React的赋值与调用方法 比如调用方法的时候我们可以这样来使用closeFrm() 其他的一些普通赋值比如 然后就是对state的赋值 当然也可以这么如果需要存图片的路径也可以这样赋值 阅读全文
posted @ 2018-08-24 14:46 sukidagala2018 阅读(3852) 评论(0) 推荐(0)
React项目搭建(脚手架)
摘要：首先我们需要安装node环境：download nodejs:https://i.cnblogs.com/EditPosts.aspx?opt=1 找到你需要的版本和系统安装包下载并安装。 这时候你可以确认你的npm是否安装成功: 打开cmd 确认版本 npm version： 然后用npm安装re 阅读全文
posted @ 2018-08-24 14:26 sukidagala2018 阅读(472) 评论(0) 推荐(0)