- 博客(8)
- 收藏
- 关注
原创 通过props和state实现React子父组件传参
1.实现效果在index页面(父组件)引入一个子组件,改变index中的状态机state,通过props在子组件响应内容的变化页面操作如下在index页面(父组件)引入一个子组件,改变index中的状态机state,通过props在子组件响应内容的变化页面操作如下单击a按钮 通过props和state实现React子父组件传参 > image2017-11-26
2017-11-26 16:56:06 6207
原创 通过componentWillReceiveProps()实现React左右父子页面的联动效果
1.实现效果:通过单击左侧导航栏(父页面)内容,右侧(子页面)内容联动(呈现对应的导航栏内容),具体页面效果如下单击“几何图形初步”,右侧子页面显示“几何图形初步”单击"定义",右侧子页面显示"定义"2.父页面Slider.js:单击具体列表导航栏抛出对应contentInformation redux,(通过react的antd组件库中的Tree组
2017-11-26 15:08:15 11238 1
原创 Array()数组操作
1.shift():从集合中把第一个元素删除,并返回这个元素的值var arr= ["a","b","c","d","e","f"];var result= arr.shift();console.log(arr); //["b","c","d","e","f"] console.log(result);//a 2.unshift():在集合开头添加一个或更多元素,并返回新的长度
2017-11-24 19:41:26 444
原创 react-router 4.2.0<link>页面跳转-传参与不传参
react-router 4.2.0<link>页面跳转传参,直接传值和变量传值
2017-11-19 21:29:37 1739
原创 浅析Ajax不同请求方式下如何传参
1.GET方式:通过传参获取网络数据 $.ajax({ url: "/get", type: "GET", dataType: "json", data: { "id": 2,"name":'xaioming' }, success: function (data) { console.log(data); }
2017-11-26 21:44:34 432
原创 React中Ajax异步解决小技巧
1.设置 setTimeout定时器,通过延迟下一操作的执行时间,来解决ajax网络请求和下一操作异步的冲突(注意:时长的设置要大于等于网络请求的执行时间),代码如下// 定义状态机 constructor(props, context) { super(props, context); this.state = { conten
2017-11-26 21:18:56 8040
原创 React基于FromData+Ajax的表单提交
1.定义表单内容,代码如下 //通过该id="userForm" ,可定位到该表单 //用户名 必须定义name,后台要通过name解析该表单的具体内容 //用户年龄 //上传个人信息文件
2017-11-26 20:35:28 5686
原创 浅析React生命周期函数的使用
1.constructor():构造函数执行时间:组件被加载前最先调用,并且仅调用一次 作用:定义状态机变量 注意:第一个语句必须是super(props),正确定义状态机代码如下constructor(props) { super(props); this.state = { content:null, } }如果第一句不使用super()...
2017-11-22 22:16:04 17535
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人