extract getStyles from render

tyawei · Jan 22, 2017 · 7692b29 · 7692b29
1 parent 27cde47
commit 7692b29
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/chapter-10/todo_react_motion/src/todos/views/todoList.js b/chapter-10/todo_react_motion/src/todos/views/todoList.js
@@ -19,8 +19,8 @@ const willEnter = () => {
   };
 };
 
-const TodoList = ({todos}) => {
-  const styles = todos.map(item => {
+const getStyles = (todos) => {
+  return todos.map(item => {
     return {
       key: item.id.toString(),
       data: item,
@@ -30,7 +30,11 @@ const TodoList = ({todos}) => {
       }
     };
   });
+}
 
+
+const TodoList = ({todos}) => {
+  const styles = getStyles(todos);
   return (
     <TransitionMotion
       willLeave={willLeave}