通过单击添加/添加到组件道具

Question

我想在单击按钮时更改其他组件上的道具

这是我的主要组成部分TodoApp

<div className="container">
                <ItemAdd addFlag = {this.state.add} 
                         editState={this.editState} 
                         addToState={this.addToState}>
                </ItemAdd>
                <Paper >
                    <Table>
                        <TableHead>
                        <TableRow>
                            <TableCell>Item</TableCell>
                            <TableCell numeric>Amount</TableCell>
                            <TableCell>Item Actions</TableCell>
                        </TableRow>
                        </TableHead>
                        <TableBody>
                        {this.state.items.map((item, index) => {
                            return (
                            <TableRow id={index + 1}key={index}>
                                <TableCell component="th" scope="row">
                                {item.title}
                                </TableCell>
                                <TableCell >{item.amount}</TableCell>
                                <TableCell component="th" scope="row">
                                <button onClick={() => this.handleDelete(item.id)} className="btn del">Delete</button>
                                <button onClick={() => this.startStateEdit(item.id)} className="btn edit">Edit</button>
                                </TableCell>
                            </TableRow>
                            );
                        })}
                        </TableBody>
                    </Table>
                </Paper>  
            </div>

在编辑按钮上单击startStateEdit

<button onClick={() => this.startStateEdit(item.id)} className="btn edit">Edit</button>

我希望将添加/添加项编辑到itemAdd自定义组件属性中。此处：

<ItemAdd addFlag = {this.state.add} 
          editState={this.editState} 
          addToState={this.addToState}>
 </ItemAdd>

startEditState当前是TodoApp中的基本功能，没有实际功能