react+typescript+antd 项目实战(2)

添加组件

目标：通过添加组件的方式，做一个主页，显示welcome to react
在src下新建components文件夹，然后新建Home.tsx，具体代码如下

import * as React from 'react';

const HomePage = () => {
    return (
        <div>Welcome to React!</div>
    )
}

export default HomePage;

在App.tsx中引用HomePage

import * as React from 'react';
import HomePage from './components/Home';

class App extends React.Component {
  public render() {
    return (
      <HomePage />
    );
  }
}

export default App;

运行 yarn start 查看效果

项目地址：https://github.com/kaichen87/react-typescript-antd-demo