This repository was archived by the owner on Sep 15, 2022. It is now read-only.
File tree 6 files changed +8
-8
lines changed
01-introduction-to-react/02-contacts-search
02-deep-in-components/01-lifecycle-demo
6 files changed +8
-8
lines changed Original file line number Diff line number Diff line change 18
18
id : 1 ,
19
19
name : 'Darth Vader' ,
20
20
phoneNumber : '+250966666666' ,
21
- image : 'http://cs7.pikabu.ru/images/big_size_comm_an/2014-03_7/13962622876915 .gif'
21
+ image : 'img/darth .gif'
22
22
} , {
23
23
id : 2 ,
24
24
name : 'Princess Leia' ,
25
25
phoneNumber : '+250966344466' ,
26
- image : 'http://images6.fanpop.com/image/photos/33100000/CARRIE-FISHER-anakin-vader-and-princess- leia-33186069-190-149 .gif'
26
+ image : 'img/ leia.gif'
27
27
} , {
28
28
id : 3 ,
29
29
name : 'Luke Skywalker' ,
30
30
phoneNumber : '+250976654433' ,
31
- image : 'http://www.youshouldshare.me/wp-content/uploads/2015/03/14264215682890-anigif_enhanced-buzz-13518-1367608452-4 .gif'
31
+ image : 'img/luke .gif'
32
32
} , {
33
33
id : 4 ,
34
34
name : 'Chewbacca' ,
35
35
phoneNumber : '+250456784935' ,
36
- image : 'https://media.giphy.com/media/RUUdVZqwpfTRS/giphy .gif'
36
+ image : 'img/chewbacca .gif'
37
37
}
38
38
] ;
39
39
73
73
render : function ( ) {
74
74
return (
75
75
< div className = "contacts" >
76
- < input type = "text" className = "search-field" onChange = { this . handleSearch } />
76
+ < input type = "text" placeholder = "Search..." className = "search-field" onChange = { this . handleSearch } />
77
77
< ul className = "contacts-list" >
78
78
{
79
79
this . state . displayedContacts . map ( function ( el ) {
98
98
99
99
</ script >
100
100
</ body >
101
- </ html >
101
+ </ html >
Original file line number Diff line number Diff line change 3
3
< head >
4
4
< meta charset ="UTF-8 ">
5
5
< title > Lifecycle demo</ title >
6
- < script src ="https://cdnjs.cloudflare. com/ajax/libs/ react/0.14.0 /react.js "> </ script >
7
- < script src ="https://cdnjs.cloudflare. com/ajax/libs/ react/0.14.0 /react-dom.js "> </ script >
6
+ < script src ="https://npmcdn. com/react@15.3.0/dist /react.js "> </ script >
7
+ < script src ="
https://npmcdn. com/react[email protected] /dist /react-dom.js "
> </ script >
8
8
< script src ="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.15/browser.js "> </ script >
9
9
< link rel ="stylesheet " type ="text/css " href ="style.css ">
10
10
</ head >
You can’t perform that action at this time.
0 commit comments