React JS组件简介

React是一个流行的JavaScript库，用于构建用户界面。它采用组件化的开发方式，使得开发者可以将复杂的UI拆分为独立的、可重用的组件。本文将介绍如何在JavaScript中调用React组件，并提供相应的源代码示例。

在开始之前，确保已经安装了React和相关的依赖。可以使用npm或yarn进行安装。

npm install react react-dom

React组件可以通过两种方式进行调用：函数组件和类组件。下面将分别介绍这两种方式。

1. 函数组件调用

函数组件是一种简单而纯粹的组件形式，它接收一个props对象作为参数，并返回一个React元素。下面是一个简单的函数组件示例：

// 导入React和ReactDOM
import React from 'react';
import ReactDOM from 'react-dom';

// 定义一个函数组件
function Greeting(props) {
  return <h1>Hello, {props.name}!</h1>;
}

// 渲染函数组件
ReactDOM.render(
  <Greeting name="John" />,
  document.getElementById('root')
);