reactjs - 在 Codepen 上未定义 React

Question

我正在尝试在 CodePen 中运行一个基本的 React 组件(我启用了 Babel 并使用了 React.Component )但它仍然没有呈现。在控制台中，它显示 React 未定义。
我还从另一个人那里拿了一些已经渲染的代码，但它不起作用!!

class App extends React.Component {
  constructor(props){
    super(props);

    this.state = {
      term : ""

    }

    this.handleChange=this.handleChange.bind(this)

  }

  handleChange(event){
    let term = event.target.value;
    this.setState({term})

  }


  render() {
    return (
      <div className="App">
        <input value={this.state.term}  onChange={this.handleChange} />
        {this.state.term}
      </div>
    );
  }
}

ReactDOM.render(<App/> , document.getElementById("app"))

Answer 1

按着这些次序:

点击顶部的设置。

选择 JavaScript 选项卡，并添加“Babel”作为 JavaScript 预处理器。

在“快速添加”下拉列表中，选择“React”和“ReactDOM”。

将您的 React 代码粘贴到 Javascript 部分。

添加 <div id="app"></div>在 HTML 部分。

瞧!