# 无状态组件(Stateless Component) 与高阶组件
无状态组件(Stateless Component) 是 React 0.14 之后推出的，大大增强了编写 React 组件的方便性，也提升了整体的渲染性能。
## 一、无状态组件 (Stateless Component)
```javascript
function HelloComponent(props, /* context */) {
return
Hello {props.name}
}
ReactDOM.render(
, mountNode)
```
HelloComponent 第一个参数是 props，第二个是 context。最后一句也可以这么写：
```javascript
ReactDOM.render(HelloComponent{ name："Sebastian" }, mountNode)
```
可以看到，原本需要写“类”定义（React.createClass 或者 class YourComponent extends React.Component）来创建自己组件的定义，现在被精简成了只写一个 render 函数。更值得一提的是，由于仅仅是一个无状态函数，React 在渲染的时候也省掉了将“组件类” 实例化的过程。
结合 ES6 的解构赋值，可以让代码更精简。例如下面这个 Input 组件：
```javascript
function Input({ label, name, value, ...props }, { defaultTheme }) {
const { theme, autoFocus, ...rootProps } = props
return (
