HOC_wrong.js

class App extends React.Component {
  render() {
    return (
      <div>
        <StudentContainer/>
        <OtherContainer/>
        <AndAnotherContainer/>
      <div>
    );
  }
}

class StudentContainer extends React.Component {
  constructor(props) {
    super(props);
    this.state = { students: [] };
  }

  componentDidMount() {
    fetch("myschool.com/students")
      .then(response => response.json())
      .then(json => this.setState({ students: json }));
  }
  
  render() {
    return <StudentPage students={this.state.students}/>;
  }
}

class StudentPage extends React.Component {
  render() {
    return (
        <div>
          {this.props.students.map(student => <div>student.name</div>)}
        </div>
      );
  }
}