父组件向子组件传值,删除功能。父组件传递list下标、delete方法,子组件通过删除下标、delete方法来删除数据
子组件向父组件传值,要调用父组件传递过来的方法
this.props.index 表示获取父组件传递过来的名为index的参数
如:
父组件向子组件传递了名为delete的方法
子组件通过props即可调用父组件传递过来的名为delete的方法,并向方法传递了this.props.index参数值
父组件将数组索引传给子组件
| <TodoItem delete={this.handleItemChange.bind(this)} key={index} content={item} />
通过 index属性传递数组下标
子组件通过 props.index 获得下标
子组件跟父组件通信,需要调用父组件传递过来的方法
| this.props.delete(index)
父组件通过属性给子组件传参,子组件通过事件跟父组件通信
子组件如果想和父组件通信,要调用父组件传递过来的方法
父组件通过属性的形式向子组件传递参数
子组件通过props接受props接受父组件传递过来的参数
子组件如果想和父组件通信,子组件要调用父组件传递过来的方法
子组件如果想和父组件通信,子组件要调用父组件传递过来的方法
父组件通过属性的形式向子组件传递参数。
子组件通过props接收父组件传递过来的参数。
子组件向父组件传值的方法.
子组件如果向父组件传参,子组件需要调用父组件传递过来的方法
子组件如果想和父组件通信,要调用父组件传递过来的方法
子组件向父组件通信,
父组件的方法以属性形式传递给子组件即可。
如果子组件想和父组件通信,子组件要调用父组件传递过来的方法。
handleDelete(index) 方法
子組件使用父組件傳遞過來的方法
this.props.delete(this.props.index);
列表到底顯示多少項,是由父組件的 list 數據決定的。
當你點擊子組件的時候,希望實踐刪除功能,所以子組件要告訴父組件要刪除 list 裡面的某個數據。
子組件如果要和父組件通信,子組件要調用父組件傳遞過來的方法。
<TodoItem delete={this.handleDelete.bind(this)} ....>
父组件通过属性的形式向子组件传递参数,子组件通过props接受父组件传递关联的参数,子组件给父组件传递参数时需要调用父组件的方法!
子组件如果想和父组件通信, 那么子组件需要调用父组件传递过来的方法
this.props.delete 的delete属性是父组件传递过来的一个属性(该属性绑定了父组件的方法)
子组件如果想和父组件通信,子组件要调用父组件传递过来的方法
父组件先创建一个方法 再return 子组件里面传
父组件通过属性的形式向子组件传递参数
子组件通过props接受父组件传递过来的参数
父组件通过属性的形式向子组件传递参数,子组件通过 props 接受父组件传递过来的参数
子组件如果想和父组件通信,子组件要调用父组件传递过过来的方法
子组件向父组件传值,子组件调用父组件传递过来的方法,在子组件中写 this.props.方法名(参数)
父组件向子组件传值,用属性
子组件向父组件传值,用方法
子组件要想和父组件通信,子组件要先调父组件的方法
父组件向子组件传值通过属性名,子组件用this.props.调用。
子组件向父组件传值通过,父组件传过来到方法比如this.props.delete(i)
子组件要调用父组件传递过来的方法
this.props.方法名( )
/*组件拆分 * 父组件通过属性的形势向子组件传递参数 * 子组件通过props接收父组件传递过来的参数*/
//子组件想和父组件通信,子组件要调用父组件传递过来的方法
子组件 想和父组件通信,子组件要调用父组件传递过来的方法
子组件 TodoItem.js函数中 ————this.props.delete(this.props.index)
父组件TodoList.js 中————
handleDelete是父组件的函数,将传递给子组件的是delete 、content、index
<TodoItem delete={this.handleDelete.bind(this)} key={index} content={item} index={index} />
组件通信:
父 =》 子
父组件通过属性的形式向子组件传递参数
子组件通过props接收父组件传递过来的参数
子 =》 父
子组件通过调用父组件传递过来的方法
父组件通过方法的参数获取子组件传递过来的参数