React: React组件创建的四种方式
一、简介 在前面介绍的React组件知识中,对于组件的创建我只是用了其中某一种方式。其实,在2013年React诞生之初,对于React组件的创建,仅仅只有一种方式,也即createClass函数,在目前项目中使用率还是很高的。但随着后来技术更新,React组件创建的方式也在不断的变化和过时。到目前为止,大概有四种方式。分别是createClass、ES6的类组件、无状态函数式组件、工厂类组件。 二、详解 方式一:React.CreateClass 1、复用性差: <div id="container"></div> <script type="text/babel"> //创建菜单组件 const menuList = React.createClass({ render() { return React.createElement("ol", {"className": "menus"}, React.createElement("li", null, "beef"), React.createElement("li", null, "pork"), React.createElement("li", null, "Lamb"), React.createElement("li", null, "fish"), React.createElement("li", null,