三項演算子を使用

jun68ykt · Aug 24, 2019 · 9d469d9 · 9d469d9
1 parent 4dcfbb4
commit 9d469d9
Showing 1 changed file with 16 additions and 22 deletions.
diff --git a/src/containers/Index.js b/src/containers/Index.js
@@ -28,29 +28,23 @@ class Index extends Component {
   render(){
     return(
       <div>
-        {(() => {
-          if (this.state.posts.length > 0) {
-            return (
-              this.state.posts.map( (post, i) => {
-                return(
-                  <Post
-                    key={i}
-                    createdAt={post.created_at}
-                    name='testUser'
-                    title={post.title}
-                    content={post.content}
-                  />
-                )
-              })
+        {this.state.posts.length > 0 ? (
+            this.state.posts.map( (post, i) =>
+              <Post
+                key={i}
+                createdAt={post.created_at}
+                name='testUser'
+                title={post.title}
+                content={post.content}
+              />
             )
-          } else {
-            return (
-              <Typography variant="h1" component="h2">
-                まだなにも投稿されていません。
-              </Typography>
-              )
-          }
-        })()}
+          )
+          : (
+            <Typography variant="h1" component="h2">
+              まだなにも投稿されていません。
+            </Typography>
+          )
+        }
       </div>
     );
   }