javascript - Compruebe si la variable es React nodo o matriz

properties reactjs

Question

Me gustaría tener una condición que indique si prop es un nodo React, entonces solo hay que colocarlo como un elemento secundario dentro de un componente, y si no lo es, tome alguna acción para convertirlo en un componente. De esta manera, mi componente podrá aceptar este prop como una matriz de cadenas o una matriz de nodos.

Intenté comprobar si React.PropTypes.node devolvería un valor booleano y no lo hace.

Digamos que tengo un módulo llamado List y hay un items llamado items . Me gustaria poder pasar

var items = [
  "One",
  "Two",
  "Three"
]

tanto como

var items = function () {
  return (
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
  )
}

Y dentro del componente, hay algo de lógica que detectaría la diferencia y, si se trata de una matriz simple (no de una matriz de nodos), se pueden asignar los elementos.

Answer 1

React tiene una función solo para verificar si una variable es un elemento, aquí están los docs .

React.isValidElement()