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>更改网站图标为</p>
      <button
        onClick={() => {
          setIcon(logo);
        }}
      >
        React
      </button>
      <button
        onClick={() => {
          setIcon(twitter);
        }}
      >
        Twitter
      </button>
    </div>
  );
};

结果

更改网站图标为

API

useFavicon

Returns

void

Arguments

参数名	描述	类型	默认值
href	图标路径	string (必填)	-
baseUrl	基础 url	string | undefined	-
rel	设置 link 标签的 rel 属性	string | undefined	icon