定义组件
class Comp extends React.Component{ //class为"类"，extend为"继承"
render(){ //render{返回的内容}
return <span>111</span>
}
}
使用组件
ReactDOM.render(
<Comp/>,document.getElementById('root') //用法同html标签
);
组件属性(props)
class Comp extends React.Component{
render(){
return <span>{this.props.name}</span> //{}为模板字符串,
}
}
ReactDOM.render(
<Comp name="伊丽莎白"/>,document.getElementById('root')
);
易错注意点
render(){
return <div>
<input type="button" value="显示隐藏"/>
<div classNme="box" style={{display:this.state.display}}></div> //注意calssName和
</div> style{{}}的写法
}
}
