React.isValidElement

Vědět, jaký typ vstupu jste obdrželi, je v JavaScriptu nesmírně důležité, což je velký důvod pro vzestup Flow a TypeScript. Jedním z takových případů, kdy je užitečné vědět, co objekt představuje, je, zda je vstupem řetězec nebo prvek React.

Chcete-li zjistit, zda je objekt prvkem React, můžete použít React.isValidElement(obj) :

// Add a wrapping DIV if the content isn't a React element

// PropTypes.oneOfType([PropTypes.string, PropTypes.element])
render() {
  const { content } = this.props

  React.isValidElement(content)) ?
    content :
    {content}
}

Moc se mi líbí ten React.isValidElement nám umožňuje vytvářet flexibilní prvky, které přijímají prvky React nebo řetězce; velmi užitečné v obecných komponentách, jako jsou modály, výstrahy a všude jinde!