<commit_before>---
layout: post
title:  React 高阶组件
date:   2017-09-14 01:08:00 +0800
header-img: "img/post-bg-rwd.jpg"
author:  "Vison"
catalog: true
tags:
    - React
    - 高阶组件
---

> A higher-order component is a function that takes a component and returns a new component.
<commit_msg>Update 2017-09-14-react-hoc.md<commit_after>---
layout: post
title:  React 高阶组件
date:   2017-09-14 01:08:00 +0800
header-img: "img/post-bg-rwd.jpg"
author:  "Vison"
catalog: true
tags:
    - React
    - 高阶组件
---



#### 什么是高阶组件

> A higher-order component is a function that takes a component and returns a new component.

上面的解释是React官网给出的，简单来说高阶组件就是一个方法，传入一个组件再返回一个组件。
在这个方法中可以对传入的组件进行包装、添加功能以达到代码复用、抽象逻辑的效果，这也就是高阶组件的主要用途。

#### 从Minxins开始说起

#### 为何放弃Minxins

#### Minxins VS HOC

#### 高阶组件注意要点

#### Decorators

{'fraction_non_alphanumeric': 0.1320049813200498, 'fraction_numerical': 0.0547945205479452, 'mean_word_length': 3.7857142857142856, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6693842', 'n_tokens_mistral': 416, 'n_tokens_neox': 412, 'n_words': 79}