react-bootstrap:关于未知道具的警告

Question

我不知道为什么,但我注意到我的浏览器控制台中有很多关于未知道具的警告.以下是一些警告:

"Warning: Unknown prop `navbar` on <ul> tag. Remove this prop from the element. For details, see 
    in ul (created by Nav)
    in Nav (created by NavbarWrapper)
    in div (created by NavbarWrapper)"

"Warning: Unknown prop `divider` on <a> tag. Remove this prop from the element. For details, see 
    in a (created by SafeAnchor)
    in SafeAnchor (created by MenuItem)
    in li (created by MenuItem)
    in MenuItem (created by NavbarWrapper)
    in ul (created by DropdownMenu)
    in DropdownMenu (created by Dropdown)
    in li (created by Dropdown)
    in Dropdown (created by Uncontrolled(Dropdown))
    in Uncontrolled(Dropdown) (created by NavDropdown)
    in NavDropdown (created by NavbarWrapper)
    in ul (created by Nav)
    in Nav (created by NavbarWrapper)"

NavbarWrapper是我写的一个反应组件,它呈现一个react-bootstrap导航栏.

我今天(2016年7月4日)才开始注意到这些警告.但是,导航栏按预期工作.

我使用流星1.3.4.1,反应15.1.0,反应引导0.29.5

如果我做错了什么可以请有人告诉我吗？

Answer 1

不是真正的答案(新用户,还不能发表评论)但似乎最近的反应升级到版本0.15.2并且部分更改发出了将未知元素(或道具)传递给dom的警告.

这不会破坏您的UI,但会在浏览器控制台中包含恼人的警告日志.

其他相关链接:https://github.com/react-bootstrap/react-bootstrap/issues/1970

Answer 2

我降级到React的v15.0.1,现在一切都很好了.警告实际上打破了我的应用程序,所以降级是必要的:(

Answer 3

在v15.2.0中,React验证传递给DOM元素的道具(ul,div等..).React期望将有效的props传递给DOM元素.像'style','className','htmlFor'等道具是有效的道具.这是好到什么道具传递给自己的ReactComponents(如<ChatBox msg=''/>,<Book rack='1'/>),但不是核心的DOM元素.在您的情况下可能不是解决方案,但如果您将'data-'附加到道具名称,如'data-propname',React不会抱怨.