class组件
注册组件
import React,{Component} from 'react';
class Content extends Component {
render() {
return (
<div className="">
今天是{parseInt(Math.random()*31)}号
</div>
)
}
}
export default Content;
比如说在App组件里引用此组件,如下
import React from 'react';
import './App.css';
import Content from './component/content';
function App() {
return (
<div className="App">
<Content></Content>
<Content></Content>
</div>
);
}
export default App;
普通函数组件
import React from 'react';
let Content = function () {
return(
<div>
今天是{parseInt(Math.random()*31)}号
</div>
)
}
export default Content;