什么是 npm？
npm（全称为 Node Package Manager）是一个为 Node.js 程序员提供的默认软件包管理器。npm 是一个开源的命令行工具，允许用户从 NPM 网站下载和安装 Node.js 应用程序或其他软件包。
什么是 React-15？
React 是一个用于构建用户界面的 JavaScript 库。React-15 是一个比较老版本的 React 库，它的特点是较为稳定，被广泛应用于一些老项目中。我们在开发中也可能会遇到 React-15 的项目，因此学习如何使用 React-15 是很有必要的。
如何安装 React-15？
使用 npm 安装 React-15 非常容易，只需要在终端（或命令提示符）中输入以下命令：
npm install react@15.6.2 react-dom@15.6.2
其中，react@15.6.2 是 React-15 库的名称和版本号，react-dom@15.6.2 则是 React 库的 DOM 操作相关的模块。
如何使用 React-15？
编写组件
在 React 中，组件是构建用户界面的基本单元。我们可以使用 createClass 方法来定义一个组件。下面是一个简单的示例：
var MyComponent = React.createClass({
render: function() {
return <div>Hello, {this.props.name}!</div>;
}
});在上面的代码中，我们定义了一个名为 MyComponent 的组件，它有一个 render 方法，用于渲染组件内容。在这个示例中，我们渲染了一个简单的文本字符串，并使用了 props 属性来接受组件的参数。
渲染组件
有了组件之后，我们就可以在页面中渲染它了。使用 React-15 的方法是通过一个叫做 ReactDOM.render 的函数来实现的。下面是一个示例：
ReactDOM.render(
<MyComponent name="world" />,
document.getElementById('app')
);在上面的代码中，我们使用 ReactDOM.render 函数将 MyComponent 组件渲染到了一个 id 为 app 的 HTML 元素中，并传入了一个名为 name 的参数。
处理用户事件
在 React-15 中，我们可以使用 onClick 等事件处理函数来响应用户的操作。下面是一个示例：
-- -------------------- ---- -------
--- -------- - -------------------
------------ ---------- -
----------------
--
------- ---------- -
------ ------- -------------------------------- ------------
-
---
----------------
--------- ---
------------------------------
--在上面的代码中，我们创建了一个名为 MyButton 的组件，它的 render 方法返回了一个按钮元素，并在 onClick 事件中绑定了一个 handleClick 方法。
结语
本文介绍了如何安装和使用 React-15，以及如何编写组件、渲染组件和处理用户事件。希望读者在学习过程中有所收获，对 React-15 有更深入的理解。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedbe90b5cbfe1ea0611b75