react的初级知识---两种渲染的方法

qq_42464346

于 2018-12-13 14:06:30 发布

阅读量234

点赞数

本文链接：https://blog.youkuaiyun.com/qq_42464346/article/details/84987591

版权

本文通过两个具体案例展示了React中组件的定义与使用方法。首先介绍了一个无状态函数组件，其次是一个类组件，两者都在页面上成功渲染了特定的文字内容。文章通过实际代码示例，帮助读者理解React组件的基本结构和ReactDOM.render()函数的用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import React,{Fragment,Component} from 'react';
import ReactDOM from 'react-dom';

const First=()=>{
    return  <h1>案例文字1</h1>
}
class Two extends Component{
    render(){
        return <h2>案例文字2</h2>
    }
}

ReactDOM.render(
<Fragment>
<Two/>
<First/>
</Fragment>,
 document.getElementById('root'));