Last active
July 1, 2017 19:54
-
-
Save j5bot/c771ebd7f9532a7d72d371fc6c4f3477 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from 'react'; // required in order to use JSX | |
| import Type1 from './Type1'; // load one type of component | |
| import Type2 from './Type2'; // load a second type of component | |
| // make references to the components by type | |
| const Components = { | |
| Type1, | |
| Type2 | |
| }; | |
| // a component that will render one or more components | |
| // that it doesn't explicitly include in it's JSX | |
| export const CapitalizedReferenceComponent = (props) => { | |
| // make a reference using a Capitalized variable name | |
| // to the component you need to render | |
| // where props.type is one of 'Type1' or 'Type2' | |
| let Component = Components[ props.type ]; | |
| // use the reference to the component with the | |
| // Capitalized variable name to render it | |
| return (<Component { ...props } />); | |
| }; | |
| export default CapitalizedReferenceComponent; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment