teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

最終形にアップデート

2021/08/11 23:55

投稿

hiro_ike
hiro_ike

スコア48

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
- <img src={src} alt="icon" />
40
+ alt="icon"
41
+ />
39
42
  {bookmark.url}
40
43
  </p>
41
44
  </li>

2

簡単な方法を取り入れて反映

2021/08/11 23:55

投稿

hiro_ike
hiro_ike

スコア48

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
- <p>{bookmark.url}</p>
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

2021/08/09 21:50

投稿

hiro_ike
hiro_ike

スコア48

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';