javascript - paginas - Nombres de componentes dinámicos React/JSX

react dynamic component

Question

Estoy buscando renderizar un componente basado en una cadena. Esencialmente, espero encontrar el JSX equivalente a la capacidad de nombre de la función dinámica de JavaScript ( parent["childMethod"] ).

Entonces, si tengo una cadena, como "<MyComponent />" , ¿cómo puedo convertirme en JSX y renderizar?

Answer 1

JSX es simplemente una buena sintaxis para las llamadas a funciones, por lo que necesita tener las funciones reales para usar un componente. Si tiene un objeto que contiene componentes Reaccionar, puede representar un componente basado en una propiedad de cadena. Por ejemplo, si tiene un objeto llamado MyComponents (tiene que ser mayúscula para JSX) y ese objeto tiene componentes Reaccionar como MyComponents.SomeInput = React.CreateClass(...) . Luego puede usar <MyComponents.SomeInput /> en su JSX.