如何在静态ContextAPI文件中使用React html

import React from 'react';

const MyContext = React.createContext();

class MyProvider extends React.Component {
  state = {
    data: 'Hello World'
  };

  render() {
    return (
      <MyContext.Provider value={this.state.data}>
        {this.props.children}
      </MyContext.Provider>
    );
  }
}

class MyConsumer extends React.Component {
  render() {
    return (
      <MyContext.Consumer>
        {data => <div>{data}</div>}
      </MyContext.Consumer>
    );
  }
}

class App extends React.Component {
  render() {
    return (
      <MyProvider>
        <div>
          <h1>My App</h1>
          <MyConsumer />
        </div>
      </MyProvider>
    );
  }
}