Добавить / добавить к компоненту реквизит по щелчку

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 без реальной функциональности