React 未在 Codepen 上定义

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

按照以下步骤操作：

1. 点击顶部的设置。
2. 选择 JavaScript 选项卡，并添加 "Babel" 作为 JavaScript 预处理器。
3. 在"快速添加"下拉列表中，选择"反应"和"反应DOM"。
4. 将你的 React 代码粘贴到 Javascript 部分。
5. 在 HTML 部分中添加<div id="app"></div>。

瞧！