如何解决警告：React无法识别DOM元素上的X属性

如何解决警告：React无法识别DOM元素上的X属性

大概这条线一定是罪魁祸首：

<FirebaseAuthProvider {...config} firebase={firebase}>

您的

config

对象当前包含字段

isSignedIn

和

providerId

，您必须将其发送给子组件，最后发送给DOM元素。尝试将这些字段从对象中删除，然后再向下发送它们：

const { providerId, isSignedIn, ...authProviderConfig } = config

这样，您的对象

authProviderConfig

将不会包含

providerId

或

isSignedIn

属性。

更好的是，您可以显式重建配置对象，以避免进一步的混乱：

const authProviderConfig = {  }

您还应该检查

FirebaseAuthProvider

组件，以查看其如何使用这些道具，并避免将其传播到DOM元素中。

相关文档：https :
//reactjs.org/warnings/unknown-
prop.html