not rendering

my-app/src/components/UserItem.js

@@ -109,13 +109,14 @@ class UserItem extends Component {
 
     render() {
         var workspace
-        console.log(this.MapAllUsers)
+        
+        console.log(this.MapAllUsers())
         switch (this.state.displayingPage) {
             case DISPLAY.LIST:
                 workspace = <Button onClick={this.handleShowCreatePage}>
                     <img alt="Add-User-Button" src="https://cdn.icon-icons.com/icons2/933/PNG/512/round-add-button_icon-icons.com_72595.png" style={{ width: '2rem' }}></img>
                 </Button>
-                this.MapAllUsers()
+                {this.MapAllUsers()}
                 break
             case DISPLAY.CREATE:
                 workspace = <CreateNewUser goBack={this.handleSwitchToList} />
@@ -127,7 +128,7 @@ class UserItem extends Component {
                 workspace = <Button onClick={this.handleShowCreatePage}>
                     <img alt="Add-User-Button" src="https://cdn.icon-icons.com/icons2/933/PNG/512/round-add-button_icon-icons.com_72595.png" style={{ width: '2rem' }}></img>
                 </Button>
-                this.MapAllUsers()
+                {this.MapAllUsers()}
         }
         return (
             <div >