質問編集履歴
3
最終形にアップデート
title
CHANGED
File without changes
|
body
CHANGED
@@ -35,7 +35,10 @@
|
|
35
35
|
<h3>{bookmark.title}</h3>
|
36
36
|
</Link>
|
37
37
|
<p>
|
38
|
+
<img
|
39
|
+
src={`https://www.google.com/s2/favicons?domain=${bookmark.url}`}
|
38
|
-
|
40
|
+
alt="icon"
|
41
|
+
/>
|
39
42
|
{bookmark.url}
|
40
43
|
</p>
|
41
44
|
</li>
|
2
簡単な方法を取り入れて反映
title
CHANGED
File without changes
|
body
CHANGED
@@ -5,12 +5,13 @@
|
|
5
5
|
ググってみたのですが、情報を見つけられなかったため、
|
6
6
|
取得?、表示の方法についてご存知でしたらコメントいただけたら助かります。
|
7
7
|
|
8
|
-
```
|
8
|
+
```React
|
9
9
|
import React, { useState, useEffect } from 'react';
|
10
10
|
import { Link } from 'react-router-dom';
|
11
11
|
|
12
12
|
export default function Home(props) {
|
13
13
|
const [bookmarks, setBookmarks] = useState([]); // <==== Bookmarks State
|
14
|
+
const src = `https://www.google.com/s2/favicons?domain=${bookmark.url}`;
|
14
15
|
|
15
16
|
useEffect(() => {
|
16
17
|
(async () => {
|
@@ -33,7 +34,10 @@
|
|
33
34
|
<Link to={`/${bookmark._id}`}>
|
34
35
|
<h3>{bookmark.title}</h3>
|
35
36
|
</Link>
|
37
|
+
<p>
|
36
|
-
|
38
|
+
<img src={src} alt="icon" />
|
39
|
+
{bookmark.url}
|
40
|
+
</p>
|
37
41
|
</li>
|
38
42
|
);
|
39
43
|
})}
|
@@ -42,4 +46,5 @@
|
|
42
46
|
);
|
43
47
|
}
|
44
48
|
|
49
|
+
|
45
50
|
```
|
1
title
CHANGED
File without changes
|
body
CHANGED
@@ -3,7 +3,7 @@
|
|
3
3
|
可能であれば、一覧表示の際にファビコンを表示できたらと思いました。
|
4
4
|
|
5
5
|
ググってみたのですが、情報を見つけられなかったため、
|
6
|
-
取得の方法についてご存知でしたらコメントいただけたら助かります。
|
6
|
+
取得?、表示の方法についてご存知でしたらコメントいただけたら助かります。
|
7
7
|
|
8
8
|
```ここに言語を入力
|
9
9
|
import React, { useState, useEffect } from 'react';
|