mirror of https://github.com/status-im/reagent.git
Merge pull request #415 from boxp/update-example-for-dont-use-hocs-inside-the-render-method
Fix InteropWithReact.md for "Don’t Use HOCs Inside the render Method"
This commit is contained in:
commit
5381c41b3c
|
@ -94,11 +94,10 @@ Note:
|
||||||
Some React libraries use the decorator pattern: a React component which takes a component as an argument and returns a new component as its result. One example is the React DnD library. We will need to use both `adapt-react-class` and `reactify-component` to move back and forth between React and reagent:
|
Some React libraries use the decorator pattern: a React component which takes a component as an argument and returns a new component as its result. One example is the React DnD library. We will need to use both `adapt-react-class` and `reactify-component` to move back and forth between React and reagent:
|
||||||
|
|
||||||
```clojure
|
```clojure
|
||||||
(defn react-dnd-component
|
(def react-dnd-component
|
||||||
[]
|
|
||||||
(let [decorator (DragDropContext HTML5Backend)]
|
(let [decorator (DragDropContext HTML5Backend)]
|
||||||
[(reagent/adapt-react-class
|
(reagent/adapt-react-class
|
||||||
(decorator (reagent/reactify-component top-level-component)))]))
|
(decorator (reagent/reactify-component top-level-component)))))
|
||||||
```
|
```
|
||||||
|
|
||||||
This is the equivalent javascript:
|
This is the equivalent javascript:
|
||||||
|
|
Loading…
Reference in New Issue