react/docs/advanced-guides

React 高级指南

React 是一个用于构建用户界面的 JavaScript 库。本指南旨在帮助开发者深入了解 React 的高级特性。

高级特性

1. 高阶组件 (HOCs) 高阶组件是一个以函数作为参数并返回一个新组件的函数。它允许你重用组件逻辑。

   • 示例

     function withSubscription(WrappedComponent, selectData) {
       // ...返回一个新的组件...
     }
     

2. 上下文 (Context) React 上下文提供了一种无需为每层组件手动添加 props，就能在组件树间进行数据传递的方法。

   • 示例

     const MyContext = React.createContext();
     
     class Parent extends React.Component {
       // ...
     }
     

3. Hooks Hooks 是 React 16.8 引入的新特性，它允许你在不编写类的情况下使用 state 以及其他的 React 特性。

   • 示例

     function Example() {
       const [count, setCount] = useState(0);
     
       // ...
     }
     

扩展阅读

更多关于 React 高级特性的信息，请访问React 官方文档.

图片

React Logo