ReactComponent存在的几种形式详解-创新互联

前言

成都创新互联是一家集网站建设,高阳企业网站建设,高阳品牌网站建设,网站定制,高阳网站建设报价,网络营销,网络优化,高阳网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

最近项目基本都是用 React，今天总结分享 React Component 常见的几种形式，如果你在写 React 时经常不知道怎么拆分代码，这篇文章或许对你有所帮助。

React.Component是一个抽象基类。这意味着直接引用React.Component是毫无意义的。你可以实现一个它的子类，并且至少定义一个render()方法即可使用。

为了更充分理解 React，先搞懂平时写的 JSX 是什么。初学的时候有比较大困惑，这是一门新语言吗？大部分人是匆匆扫过文档就开始开发。通过 babel-presets-react 处理能看到，其实 JSX 只是语法糖，最终在浏览器跑的还是 JS。React Component 最终都通过 React.createElement 创建。 总之，写 React 其实就是在写 JS 。

SFC （Stateless Functional Component）

React 可以使用 Function 来创建 Component，这类 Component 没有 lifecycle, 内部不维护 state，只要传入的 props 有变化则进行重新渲染。

function Welcome(props) {
return 
Hello, {props.name}
;
}

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

文章名称：ReactComponent存在的几种形式详解-创新互联
文章分享：http://cxhlcq.com/article/cepjcg.html