为什么直接将组件呈现给不可建议的HTML主体？

Question

在ReactJS中，不允许或不鼓励将反应组件直接呈现给HTML的主体。

例如，这个：

  var applicationConfig = {
            clientID: _clientId,
            authority: "https://login.microsoftonline.com/tfp/{tenant}/B2C_1A_signup_signin_usingAAD", 
            b2cScopes: ["https://{tenant}/api/read", "offline_access"],
            webApi: 'https://localhost:44332/api/tasks',
        };

var clientApplication = new Msal.UserAgentApplication(applicationConfig.clientID, applicationConfig.authority, authCallback, { cacheLocation: 'localStorage'});
clientApplication.loginRedirect(applicationConfig.b2cScopes)

会记录一个关于如何不鼓励以我的方式呈现组件的警告。那是为什么？

Answer 1

这是因为组件的子项经常被第三方脚本和浏览器扩展操纵，这可能会导致协调问题。因此，建议的模式是在应用程序中创建容器元素中呈现主要组件。