React笔记(组件)

定义组件

class Comp extends React.Component{     //class为"类"，extend为"继承"
      render(){    //render{返回的内容}
       return 111
      }
}

使用组件

ReactDOM.render(
    ,document.getElementById('root') //用法同html标签
        );

组件属性(props)

class Comp extends React.Component{
      render(){
       return {this.props.name} //{}为模板字符串,
      }
}

ReactDOM.render(
    ,document.getElementById('root')
        );

易错注意点

render(){
   return 

   
   
 //注意calssName和                                 
   
                                                                                            style{{}}的写法
 }
}