1-5 类式组件

最新推荐文章于 2023-10-26 12:19:34 发布

画不完的饼

最新推荐文章于 2023-10-26 12:19:34 发布

阅读量151

点赞数

分类专栏： React 文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/weixin_39162041/article/details/125992639

版权

React 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

类式组件

	<script type="text/babel" > /* 此处一定要写babel */
    //创建类式组件
    //类式组件注意点
    //1.必须继承React.Component这个父类
    //2.必须写render函数
    //3.必须有return返回值
    class MyComponent extends React.Component{
        //render是放在类的原型对象上的，供实例使用。
        render(){
            return <h2>我是用于复杂组件的定义</h2>
        }
    }
    ReactDOM.render(<MyComponent/>,document.getElementById('test'))

    /*
    1.React解析组件标签，找到了MyComponent组件
    2、发现组件是使用类定义的，随后new出来该类的实例，并通过该实例调用原型上的render方法。
    3，将render返回的虚拟DOM转为真实DOM,随后呈现在页面中。
    */

	</script>