Soy nuevo en reactjs y estoy desarrollando una aplicación web que muestra contenido condicional dentro de una sola página. ¿Puedo usar varias declaraciones de devolución en las que cada una devuelva un componente de clase independiente? Actualmente esto está funcionando. Pero me gustaría entender si esto podría generar algún problema en comparación con el uso de un enrutador para redirigir.

Este es mi código: myComponent.js:

 import React, { Component } from "react"; import component1 from './component1' import component2 from './component2' class myComponent extends Component{ constructor(props) { super(props); this.state = { present: false } }; render(){ if(this.state.present == false){ return(<component1/>); } else{ return(<component2/>); } } }

Previamente estaba usando el operador ternario para renderizar los elementos condicionalmente. Me gustaría entender en general si habría efectos no deseados si utilizo un operador condicional o retornos múltiples durante el renderizado.