Skip to content

Instantly share code, notes, and snippets.

@eddyw

eddyw/map-component.js

Created November 11, 2017 17:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save eddyw/d231ac6c28aed4fce1eb52156810ba78 to your computer and use it in GitHub Desktop.
Save eddyw/d231ac6c28aed4fce1eb52156810ba78 to your computer and use it in GitHub Desktop.
Download ZIP
Map Component
Raw
map-component.js
const completedStyle = { color: 'green' }
const uncompletedStyle = { color: 'red' }
const Item = ({ title, completed }) => (
<li>
<span>{completed ? 'o' : 'x'} </span>
<span style={completed ? completedStyle : uncompletedStyle}>{title}</span>
</li>
)
const TodoList = () => (
<ul>
<MapArray from={todoList}>
<Item />
</MapArray>
</ul>
)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment