React 组件传值问题

React 组件传值问题

父组件传子组件
1.在父组件中引入子组件
2.使用props

父组件Togo.js
子组件togoList.js

父传子数据

// key={index} index={index} name={item} 这些就是给子组件在传值
<TogoList key={index} index={index} name={item} delItem={this.removeList}/>

在子组件中，获取父组件传值：
使用this.props可以打印出来看一下

1. 给子组件一个事件
2. 在事件中使用.this.props.name(key 等就是父组件传的名)

子传父数据
1.在应用到父组件中的TogoList 中传建自定义方法，然后给他创建一个方法
2.在子组件创建的方法中使用this.props.（父组件中的自定义方法名）delItem()。这样就获取到了父组件中的方法
3.然后在子组件中的方法给父组件传值