React/Advanced 简介

React 是一个用于构建用户界面的 JavaScript 库，它可以帮助开发者创建高性能的 UI 组件。React/Advanced 指的是 React 的高级特性，这些特性使开发者能够构建更复杂和功能丰富的应用。

高级特性

状态提升（Lifting State Up）：当多个组件需要共享状态时，我们可以通过将状态提升到它们的共同父组件中来实现。
上下文（Context）：React Context 提供了一种无需为每层组件手动添加 props，就能在组件树间进行数据传递的方法。
高阶组件（Higher-Order Components, HOCs）：HOC 是一个接受组件并返回一个新的组件的函数。它允许我们重用代码，同时实现抽象。

例子

假设我们有一个应用，需要多个组件共享一个用户的状态。我们可以这样使用状态提升：

class ParentComponent extends React.Component {
  state = {
    user: 'Alice'
  };

  render() {
    return (
      <div>
        <ChildComponent user={this.state.user} />
        <AnotherChildComponent user={this.state.user} />
      </div>
    );
  }
}