useFavicon

設置頁面的 favicon 圖標。

Usage

即時編輯器

function Demo() {
  const logo = 'https://react.dev/favicon.ico';
  const twitter = 'https://twitter.com/favicon.ico';
  const [icon, setIcon] = useState(twitter);
  useFavicon(icon);
  return (
    <div>
      <p>更改 Favicon 為</p>
      <button
        onClick={() => {
          setIcon(logo);
        }}
      >
        React
      </button>
      <button
        onClick={() => {
          setIcon(twitter);
        }}
      >
        Twitter
      </button>
    </div>
  );
};

結果

Loading...

API

useFavicon

Returns

void

Arguments

參數名	描述	類型	預設值
href	图标路径	string (必填)	-
baseUrl	基础 url	string | undefined	-
rel	设置 link 标签的 rel 属性	string | undefined	icon