// I use this syntax when my component fits on one line
const ListItem = props => {props.item.name}
// I use this when my component has no logic outside JSX
const List = ({ items }) => (
)
// I use this when the component needs logic outside JSX.
const Body = props => {
let items = transformItems(props.rawItems)
return (
{props.header}
)
}
const Foo = () =>
// This is equivalent to the last example
function Page(props, context) {
return (
)
}
// propTypes and contextTypes are supported
Page.propTypes = {
rawItems: React.PropTypes.array.isRequired
}