- 1.子組件的屬性接收一個父組件的方法 - 2.在子組件中,調用這個方法,向父組件傳參 ~~~ //1.子組件 import React,{Component} from 'react'; class TodoItem extends Component { constructor(props){ super(props); this.handleClick = this.handleClick.bind(this) } render(){ return ( <div onClick={this.handleClick}> {this.props.content} {this.props.index} </div> ) } handleClick(){ this.props.deleteItem(this.props.index) } } export default TodoItem ~~~ ~~~ //2.父組件 import React, { Component} from 'react'; import './index.css'; import TodoItem from './components/TodoItem'; class App extends Component { constructor(props) { super(props); this.state ={ list:[1,2,3] } } render() { return ( <div> {this.state.list.map((item,index)=>{ return <TodoItem key={index} content={item} index={index} //向子組件傳遞一個事件 deleteItem={this.handleDelete.bind(this)} ></TodoItem> })} </div> ) } handleDelete(index){ var list = this.state.list; list.splice(index,1); this.setState({ list:list }) } } export default App; ~~~