result - MutakamwoyoCloud/MCloud GitHub Wiki

Este es el componente más sencillo de todos, podríamos decir que es el componente mínimo que podemos crear en ReactJS, ya que su única funcionalidad es mostrar información, los únicos métodos que tiene son el constructor y el render para mostrar la información en formato HTML.

El componente se crea y recibe una array con los datos que deberá mostrar en su método render.

    constructor(props){
    super(props);
    if (Array.isArray(props.location.state.data))
      this.datos = props.location.state.data[0].data;
    else
      this.datos = props.location.state.data.data;
  }

Este método render simplemente muestra el título del contenido que se está visualizando y a continuación el desarrollo del mismo. En la [figura 14] se refleja la vista del componente, siguiendo con el ejemplo de la [figura 12] del componente peticiones donde se mostraba una tabla con los resultados de la búsqueda.

    render() {
    return (
      <div>
        <Row isColumn>
         <h1 className="texto_principal_peticiones">{this.datos.name}</h1>
        </Row>
        <Row isColumn>
          <div className="search">
            <fieldset>
              <legend><h3>Contenido</h3></legend>
                {this.datos.content}
            </fieldset>
          </div>
        </Row>
      </div>
    );
  }

![image11]

Figura 14: Muestra datos wikipedia