이거 이상은 못함....머리가 나빠서.======================================
import React, {Component} from 'react'; let items = [0,1,2]; class CardItem extends Component { render () { let items = this.props.items.map((index, item) => { return <li key={index}>{item}</li> }); return ( <ul> {items} </ul> ); } } class Card extends Component { render() { return ( <CardItem items={this.props.items}/> ) } } class App extends Component { render() { return ( <div> <h1>Hello React :)</h1> <Card items={items}/> </div> ); } } export default App;
import React, {Component} from 'react'; let items = [0,1,2]; class CardItem extends Component { render () { let items = this.props.items.map((index, item) => { return <li key={index}>{item}</li> }); return ( <ul> {items} </ul> ); } } class Card extends Component { render() { return ( <CardItem items={this.props.items}/> ) } } class App extends Component { render() { return ( <div> <h1>Hello React :)</h1> <Card items={items}/> </div> ); } } export default App;
redux-observable 쓰셈 개좋음
상태가 없으면 클래스일 필요가 없음
const Foo = (props) => jsx요러케