質問編集履歴
1
もう一つのコードを追加しました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -377,3 +377,85 @@
|
|
|
377
377
|
export default Search;
|
|
378
378
|
|
|
379
379
|
```
|
|
380
|
+
|
|
381
|
+
|
|
382
|
+
|
|
383
|
+
### 追加のコード
|
|
384
|
+
|
|
385
|
+
|
|
386
|
+
|
|
387
|
+
|
|
388
|
+
|
|
389
|
+
```lang-言語名
|
|
390
|
+
|
|
391
|
+
import React, { Component } from 'react';
|
|
392
|
+
|
|
393
|
+
//import Main from './Main';
|
|
394
|
+
|
|
395
|
+
import Search from './Search';
|
|
396
|
+
|
|
397
|
+
|
|
398
|
+
|
|
399
|
+
/* Styleguide Application */
|
|
400
|
+
|
|
401
|
+
|
|
402
|
+
|
|
403
|
+
class StyleguideApplication extends React.Component {
|
|
404
|
+
|
|
405
|
+
|
|
406
|
+
|
|
407
|
+
constructor(props) {
|
|
408
|
+
|
|
409
|
+
super(props);
|
|
410
|
+
|
|
411
|
+
this.state = {
|
|
412
|
+
|
|
413
|
+
textLists: [
|
|
414
|
+
|
|
415
|
+
{ thumbnail: 'images/sample1.png', name:'icon', sourceTypeA:'sourceA', sourceTypeB:'sourceB', image: 'images/sample1.png'},
|
|
416
|
+
|
|
417
|
+
{ thumbnail: 'images/sample2.png', name:'navigation', sourceTypeA:'sourceA', sourceTypeB:'sourceB', image: 'images/sample2.png'},
|
|
418
|
+
|
|
419
|
+
{ thumbnail: 'images/sample3.png', name:'images', sourceTypeA:'sourceA', sourceTypeB:'sourceB', image: 'images/sample3.png'},
|
|
420
|
+
|
|
421
|
+
{ thumbnail: 'images/sample4.png', name:'pager', sourceTypeA:'sourceA', sourceTypeB:'sourceB', image: 'images/sample4.png'},
|
|
422
|
+
|
|
423
|
+
{ thumbnail: 'images/sample5.png', name:'check box', sourceTypeA:'sourceA', sourceTypeB:'sourceB', image: 'images/sample5.png'},
|
|
424
|
+
|
|
425
|
+
]
|
|
426
|
+
|
|
427
|
+
};
|
|
428
|
+
|
|
429
|
+
}
|
|
430
|
+
|
|
431
|
+
|
|
432
|
+
|
|
433
|
+
render() {
|
|
434
|
+
|
|
435
|
+
|
|
436
|
+
|
|
437
|
+
return (
|
|
438
|
+
|
|
439
|
+
<div className="wrap">
|
|
440
|
+
|
|
441
|
+
<div className="row">
|
|
442
|
+
|
|
443
|
+
<Search textlist={this.state.textLists} />
|
|
444
|
+
|
|
445
|
+
</div>
|
|
446
|
+
|
|
447
|
+
</div>
|
|
448
|
+
|
|
449
|
+
);
|
|
450
|
+
|
|
451
|
+
}
|
|
452
|
+
|
|
453
|
+
}
|
|
454
|
+
|
|
455
|
+
|
|
456
|
+
|
|
457
|
+
export default StyleguideApplication;
|
|
458
|
+
|
|
459
|
+
|
|
460
|
+
|
|
461
|
+
```
|