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

不是真正的答案（新用户，还不能发表评论），但似乎react recently upgraded to version 0.15.2和部分更改发出警告，将未知元素（或道具）传递给dom。

这不会破坏您的用户界面，但会在浏览器控制台中包含恼人的警告日志。

其他相关链接：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不会抱怨。

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

3 个答案: