index.js
2.02 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
import React,{Component} from 'react';
import PropTypes from 'prop-types';
import{connect} from "react-redux";
import EVENT from "../../store/EVENT"
import $http from "../../service";
//import * as utils from "../../utils/index";
@connect((state)=>{
// debugger
let {layout,login} = state
return {layout,login};
})
class Demo extends Component{
state={
list:[1,2,3]
}
componentDidMount(){
// debugger
console.log($http)
$http.GET("/api")
.then(d=>{
debugger
})
}
/**
* @name 同步修改
*/
EventClick(item){
console.log(this.props);
this.props.dispatch({
type:EVENT.LAYOUT,
payload:{
path:"/",title:"更改"
}
})
}
/**
* @name 异步修改
*/
EventDyncClick(){
this.props.dispatch({
type:EVENT.LOGIN,
payload:{
name:"hehehe"
}
})
}
/**
*
*/
EventClickSetList(item,ind){
let {list} = this.state;
list[ind] = item+1;
this.setState({list})
}
render(){
let { layout,login} = this.props;
// console.log(layout,login)
return <article>
{
this.state.list.map((item,ind)=>{
return <span style={{margin:10}} onClick={this.EventClickSetList.bind(this,item,ind)} key={ind}>{item}</span>
})
}
<p>同步修改</p>
{
layout.menuList.map((d,ind)=>{
return <span key={ind} onClick={this.EventClick.bind(this,d)}>{JSON.stringify(d)}</span>
})
}
<p>异步修改</p>
{
<span onClick={this.EventDyncClick.bind(this)}>{login.name}</span>
}
</article>
}
}
// Demo.PropTypes={
// layout:PropTypes.object
// }
// Demo.defaultProps={
// layout:{
// menuList:[]
// }
// }
export default Demo;