1、组件，从概念上类似于 JavaScript 函数。它接受任意的入参（即 “props”），并返回用于描述页面展示内容的 React 元素。即他返回的是React元素，是可以放到JSX语法中使用的元素。
2、组件类型，根据书写方式分为函数组件和class组件：
// 函数式组件 function Welcome(props) { return <h1>Hello, {props.name}---{props.title}</h1>; } // class类组件 class WeGo extends React.Component { render() { return <h1>Hello, {this.props.name}</h1>; } }
3、组件嵌套，即组件中调用组件
// 嵌套组件 function App() { return ( <div> <Welcome name="Sara" title="子组件1"/> <Welcome name="Cahal" title="子组件1"/> <Welcome name="Edite" title="子组件1" /> </div> ); }
4、关于props
原文：https://www.cnblogs.com/gopark/p/12291827.html