meteor - reactstrap - react-bootstrap components

reaccionar-bootstrap: advertencias sobre accesorios desconocidos

Question

No estoy seguro por qué, pero estoy notando muchas advertencias en la consola de mi navegador con respecto a accesorios desconocidos. Las siguientes son algunas de las advertencias:

"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 es un componente de reacción que escribí que representa una barra de navegación bootstrap de reacción.

Solo comencé a notar estas advertencias a partir de hoy (4 de julio de 2016). Sin embargo, la barra de navegación está funcionando como se esperaba.

Estoy usando el meteoro 1.3.4.1, reacciono 15.1.0 y react-bootstrap 0.29.5

¿Puede alguien decirme por favor si estoy haciendo algo mal?

Answer 1

Realmente no es una respuesta (nuevo usuario, no puedo comentar aún) pero parece que reaccionó recientemente actualizado a la versión 0.15.2 y parte de los cambios emitía una advertencia por pasar elementos desconocidos (o accesorios) a dom.

Esto no romperá su UI, pero incluiría molestos registros de advertencia en la consola de su navegador.

Enlaces relevantes adicionales: https://github.com/react-bootstrap/react-bootstrap/issues/1970

Answer 2

Bajé de categoría a v15.0.1 de React, y ahora todo está bien de nuevo. Las advertencias realmente rompieron mi aplicación, por lo que era necesaria una degradación :(

Answer 3

en v15.2.0, React valida los accesorios que pasan a los elementos DOM (ul, div, etc.). React espera que los accesorios válidos pasen a los elementos DOM. Los apoyos como ''estilo'', ''className'', ''htmlFor'', etc. son accesorios válidos. Está bien pasar los accesorios a tus propios ReactComponents (como <ChatBox msg=''''/> , <Book rack=''1''/> ) pero no a los elementos centrales del DOM. Puede que no sea una solución en su caso, pero si agrega ''data-'' al nombre de utilería como ''data-propname'', React no se queja.