|
- Context – React
Class contextType Context Consumer Context displayName Examples Dynamic Context Updating Context from a Nested Component Consuming Multiple Contexts Caveats Legacy API When to Use Context Context is designed to share data that can be considered “global” for a tree of React components, such as the current authenticated user, theme, or
- Hooks API Reference – React
Accepts a context object (the value returned from React createContext) and returns the current context value for that context The current context value is determined by the value prop of the nearest <MyContext Provider> above the calling component in the tree
- React Top-Level API
React Top-Level API These docs are old and won’t be updated Go to react dev for the new React docs These new documentation pages teach modern React: react: Components react: Hooks react: APIs react: Legacy APIs
- Context – React
Ejemplos Context dinámico Actualizando Context desde un componente anidado Consumiendo múltiples Contexts Advertencias API antigua Cuándo usar Context Context está diseñado para compartir datos que pueden considerarse “globales” para un árbol de componentes en React, como el usuario autenticado actual, el tema o el idioma preferido
- Context – React
Context 提供了一种在组件之间共享此类值的方式，而不必显式地通过组件树的逐层传递 props。 何时使用 Context {#when-to-use-context} 使用 Context 之前的考虑 {#before-you-use-context} API {#api} React createContext {#reactcreatecontext} Context Provider {#contextprovider} Class contextType {#classcontexttype}
- Composition vs Inheritance – React
React has a powerful composition model, and we recommend using composition instead of inheritance to reuse code between components In this section, we will consider a few problems where developers new to React often reach for inheritance, and show how we can solve them with composition Containment Some components don’t know their children ahead of time This is especially common for
- Introducing Hooks – React
Hooks don’t replace your knowledge of React concepts Instead, Hooks provide a more direct API to the React concepts you already know: props, state, context, refs, and lifecycle
- Hooks FAQ – React
The latest Flow and TypeScript React definitions include support for React Hooks Importantly, custom Hooks give you the power to constrain React API if you’d like to type them more strictly in some way React gives you the primitives, but you can combine them in different ways than what we provide out of the box
|
|
|