在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ react 無狀態(tài)組件傳遞參數(shù)

react 無狀態(tài)組件傳遞參數(shù)

父組件：

this.state = {
    items: ['beijing', 'shanghai']
}
<div>
    <List items={this.state.items}
</div>

const List = (items) => (

<div>
    <ul>
        {items.map(item => <li key={item}>{item}</li>}
    </ul>
</div>

)
會(huì)報(bào)錯(cuò)items.map is not function,這是什么原因？
class List extends Component {


render() {
    return (
        <div>
            <ul>
                {this.props.items.map(item => <li key={item}>{item}</li>)}
            </ul>
        </div>
    )
}

}
這樣寫就不會(huì)報(bào)錯(cuò)

回答
編輯回答
解夏

使用函數(shù)參數(shù)結(jié)構(gòu)

const List = ({items}) => (

<div>
    <ul>
        {items.map(item => <li key={item}>{item}</li>}
    </ul>
</div>
)
2018年5月16日 00:24