Decorators.js

class App extends React.Component {
  render() {
    return (
      <div>
        <StudentPage/>
        <OtherPage/>
        <AndOtherPage}/>
      <div>
    );
  }
}

const fetchData = urlCreator => WrappedComponent =>
  class DataContainer extends React.Component {
    constructor(props) {
      super(props);
      this.state = { data: null };
    }

    componentDidMount() {
      const url = urlCreator();
      fetch(url)
        .then(response => response.json())
        .then(json => this.setState({ data: json }))
    }

    render() {
      return <WrappedComponent data={this.state.data}/>
    }
  }

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