React组件未呈现

时间:2018-01-27 05:10:08

标签: javascript node.js reactjs

我是编码和尝试React的新手。

我正在尝试在另一个组件中渲染组件,但嵌套组件会被忽略。请让我知道我哪里出错了!

我正在使用Visual Studio Code和模板反应'create-react-app'生成的应用程序。 App.js正在index.js中呈现。这是代码的样子:

App.js:

import React, { Component } from 'react';
import './App.css';

class testComponent extends React.Component{
  render(){
    return <h1>Hello World</h1>
  }
}

class App extends Component {
  render() {
    return (
      <div className="App">
        <testComponent/>
        Lorem ipsum
      </div>
    );
  }
}

export default App;

index.js:

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();

'npm start'只给了我Lorem ipsum。我很感激任何帮助!

0 个答案:

没有答案