React笔记(组件)

定义组件

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{{}}的写法
 }
}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容