增加useLoadAssets是否合理？

[xmsz]

背景

• 有时候需要动态加载一些资源，比如js、css
• 同时我们又希望在组件卸载的时候自动去除这些资源

大致代码

import { useEffect } from 'react';

const loadCss = (url: string) => {
  const link = document.createElement('link');
  const id = String(+new Date());
  link.rel = 'stylesheet';
  link.type = 'text/css';
  link.href = url;
  link.id = id;
  document.getElementsByTagName('head')[0].appendChild(link);
  return id;
};

const removeLinkElement = ({ id }: { id: string }) => {
  const element = document.getElementById(id);
  element && element.remove();
};


export default (cssHrefArr: string[] = []) => {
  useEffect(() => {
    const ids = cssHrefArr.map(loadCss);

    return () => {
      ids.forEach((id) => {
        removeLinkElement({ id });
      });
    };
  }, []);
};

• 新增一个这样的hook是不是合理的？

[brickspert]

有一个 useExternal 了，可以实现类似功能。

[xmsz]

之前没看到 就是这个
然后我额外的需求就是

• 支持数组传入 有时候需要插入多个资源
• 配置组件卸载是否自动清除