我们如何在使用 React 时更改微软团队的图标

Question

通过我的React JS Web应用程序中的MS Teams功能集成共享。 下面的解决方案正在工作，但我需要每次查看MS图标，也需要删除并添加启动器，我也想更改该图标并将相同的功能赋予我的UI组件

    const msTeamsLauncherUrl = 'https://teams.microsoft.com/share/launcher.js';

 const handleclick = () => {
                        const ele = document.getElementById('teams-share');
                        if (ele) {
                            document.body.removeChild(ele);
                        }

                        if (document.querySelectorAll(`[src="${msTeamsLauncherUrl}"]`).length === 0) {
                            const script = document.createElement('script');
                            if (script) {
                                script.src = msTeamsLauncherUrl;
                                script.id = 'teams-share';
                                document.body.appendChild(script);
                            }
                        }