Expanded basic example section

Haroenv · Mar 8, 2018 · 7071975 · 7071975
1 parent 5b715e3
commit 7071975
Showing 1 changed file with 23 additions and 0 deletions.
diff --git a/text/0000-ref-forwarding.md b/text/0000-ref-forwarding.md
@@ -96,6 +96,29 @@ function injectLegacyRelayContext(Component) {
 }
 ```
 
+The theme context wrapper could as well:
+
+```js
+const ThemeContext = React.createContext("light");
+
+function withTheme(ThemedComponent) {
+ function ThemeContextInjector(props) {
+ return (
+ <ThemeContext.Consumer>
+ {value => (
+ <ThemedComponent {...props} ref={props.forwardedRef} theme={value} />
+ )}
+ </ThemeContext.Consumer>
+ );
+ }
+
+ // Forward refs through to the inner, "themed" component:
+ return React.useRef((props, ref) => (
+ <ThemeContextInjector {...props} forwardedRef={ref} />
+ ));
+}
+```
+
 # Detailed design
 
 TODO