2017年11月_只如初见0706

原创通过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 6186

原创通过componentWillReceiveProps()实现React左右父子页面的联动效果

1.实现效果：通过单击左侧导航栏（父页面）内容，右侧（子页面）内容联动（呈现对应的导航栏内容），具体页面效果如下单击“几何图形初步”，右侧子页面显示“几何图形初步”单击"定义"，右侧子页面显示"定义"2.父页面Slider.js：单击具体列表导航栏抛出对应contentInformation redux，(通过react的antd组件库中的Tree组

2017-11-26 15:08:15 11198 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 424

原创 react-router 4.2.0<link>页面跳转-传参与不传参

react-router 4.2.0<link>页面跳转传参，直接传值和变量传值

2017-11-19 21:29:37 1707

原创浅析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 412

原创 React中Ajax异步解决小技巧

1.设置 setTimeout定时器，通过延迟下一操作的执行时间，来解决ajax网络请求和下一操作异步的冲突（注意：时长的设置要大于等于网络请求的执行时间），代码如下// 定义状态机 constructor(props, context) { super(props, context); this.state = { conten

2017-11-26 21:18:56 7995

原创 React基于FromData+Ajax的表单提交

1.定义表单内容，代码如下 //通过该id="userForm" ，可定位到该表单 //用户名必须定义name，后台要通过name解析该表单的具体内容 //用户年龄 //上传个人信息文件

2017-11-26 20:35:28 5645

原创浅析React生命周期函数的使用

1.constructor():构造函数执行时间：组件被加载前最先调用，并且仅调用一次作用：定义状态机变量注意：第一个语句必须是super（props），正确定义状态机代码如下constructor(props) { super(props); this.state = { content:null, } }如果第一句不使用super（）...

2017-11-22 22:16:04 17489

只如初见0706的博客