代码之家 › 专栏 › 技术社区 › Mopparthy Ravindranath

代码笔-为什么我的基本reactapp不运行

codepen reactjs

Mopparthy Ravindranath · 技术社区 · 6 年前

但是,应用程序没有显示预期的输出。当应用程序成功执行时,react代码的render方法的输出将替换输出中div的内容。但是静态输出没有变化,也没有错误。

有人能帮我做一个最新版本的react,或者告诉我代码中的错误吗?

很可能,这意味着使用codepen的reactjs 16有问题?

class App extends React.Component {
  render() {
    console.log("Rendering...");
    return <p> Thoooo...</p>
  }
}

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

html, body
  height: 100%

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id="app">
  foooo
</div>

3 回复 | 直到 6 年前

meta4 6 年前

你应该通过设置添加引用。 enter image description here ] https://codepen.io/anon/pen/bmVgxm

    class App extends React.Component {
  render() {
    console.log("Rendering...");
    return <p> Thoooo...</p>
  }
}

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