Clase 1

[zamarrowski]

Greeting.js

import React from 'react'

const Greeting = props => <h1>{props.children}</h1>

export default Greeting

Link.js

import React from 'react'

export default props =>
  <a href={props.to} target={props.openInNewTab ? '_blank' : '_self'}>{props.text}</a>

List.js

import React from 'react'

export default props =>
  <ul>
    {props.children}
  </ul>

ListItem.js

import React from 'react'

export default props => <li>{props.children}</li>

Loading.js

export default props => props.show ? props.children : 'Loading...'

ShowName.js

import React from 'react'

const ShowName = props => <p>{props.user.name} - {props.age}</p>

export default ShowName

TestChildren.js

import React from 'react'

const TestChildren = props =>
  <>
    <div>hola1</div>
    <div>hola2</div>
  </>

export default TestChildren

Text.js

import React from 'react'

export default props =>
  <p>{props.children}</p>

Title.js

import React from 'react'

export default props => <h1>{props.text}</h1>