DataContainer.js

class App extends React.Component {
  render() {
    return (
      <div>
        <DataContainer component={StudentPage} fetchData={() => fetch("myschool/student")}/>
        <DataContainer component={OtherPage} fetchData={() => fetch("myschool/other")}/>
        <DataContainer component={AndOtherPage} fetchData={() => fetch(("myschool/andanother")}/>
      <div>
    );
  }
}

class DataContainer extends React.Component {
  constructor(props) {
    super(props);
    this.state = { data: null };
  }
  
  componentDidMount() {
    this.props.fetchData()
      .then(response => response.json())
      .then(json => this.setState({ data: json }))
  }
  
  render() {
    const { component as Component } = this.props;
    return <Component data={this.state.data}/>
  }
}
  
class StudentPage extends React.Component {
  render() {
    return (
        <div>
          {this.props.data.map(student => <div>student.name</div>)}
        </div>
      );
  }
}