react 创建组件的两种方式

创建一个组件可以通过两种方式
**

第一种： ‘通过构造函数创建一个组件’

**

第一步：‘创建组件的文件必须引用react’,并且必须写成下面这行代码

import React from 'react';

第二步：‘导入组件的css样式’

//引入组件的css
import './App.css';

第三步：创建一个构造函数，函数必须有返回值，通常情况下，这里面只能是html文件的内容，并且只能有一个根目录
注意 构造函数的首字母和组件的首字母必须大写
构造函数的名字就是组件的名字

function App(props) {return (<div className="App">{props.name}</div>);
}

第四步：抛出创建好的组件
export default App

第五步： 在src文件中的index.js或者全局js文件中接收

import App from './App';

第六步： 通过reactDOM.render方法，以标签的形式渲染

ReactDOM.render(<div> <App/></div>,
document.getElementById('root'),
function(){console.log('渲染完成了')
});

第二种创建组件的方法