react 组件传值

 1 父传子 
 2     父组件: 赋值给一个属性 子组件:return {this.props.item}
 3     子组件通过this.props.属性名,这样的方式获取传递值
 4 
 5 子传父
 6       父组件:<Todoitem delitem = {this.handleItemDel} /> 
 7          父组件通过delitem 属性名传递了一个父中的方法
 8      
 9       子组件:
10     render(){
11         const { item } = this.props
12         return (
13         <li onClick={this.handleClick}>{ item }</li>
14         )
15     }
16 
17     handleClick(){
18         const { delitem ,index } = this.props
19         delitem( index); 
20     }
21          子组件通过this.props.delitem 获取父组件中传递的属性方法,这里使用了es6结构
posted @ 2020-06-27 19:48  雪糕战士  阅读(59)  评论(0编辑  收藏  举报