React_react如何定义组件

.html

<div id="example"></div>

1.无状态组件定义

//组件首字母大写
function Mycom(props){
	return (
		<div>我是一个无状态组件</div>
	)
}
ReactDOM.render(<Mycom/>,document.getElementById("example"))

2.有状态组件定义1

//创建类组件  组件首字母大写
class Maa extends React.Component{
	render(){
		return(
			<div>我是一个类组件</div>
		)
	}
}
ReactDOM.render(<Maa/>,document.getElementById("example"))

3.有状态组件定义2

class Main extends React.Component{
  constructor(props){ //props在状态管理直接获取到父组件传值
    super();
    this.state = {
      name:"小张",
      age:props.age,	//接受父组件传递参数age
    }
  }
  render() {
    return (
      <div>main</div>
    )
  }
}