我创建了一个表格，其中包含几个条目，每个条目都可以编辑（表单出现）。但是当我点击“编辑”时，表单总是显示在整个表格的下方。我希望它总是显示在选定行的下方。我该如何实现呢？我的代码中有一个bug，但我没有发现它：

class MyList extends Component {

//...Code
_editPolicy=(id)=>{
    this.form()
}

form = (e) => {…}

render () {
    return (
        <div className="container">
                <div className="col-sm-8 mx-auto">
                    <h2 className="text-center">Table</h2>
                </div>
                <table class="table caption-top">
                <thead>
                    <tr>
                        <th scope="col">#</th>
                        <th scope="col">Type</th>
                        <th scope="col">Object</th>
                        <th scope="col">Creation Date</th>
                        <th scope="col">Edit</th>
                        <th scope="col">Delete</th>
                        <th scope="col"> Add </th>
                    </tr>
                </thead>
                <tbody>
                <tr>
                            <td> - </td>
                            <td> 
                                <ActionSelector
                                    options={actionTypes}
                                    setSelected={this.setSelectedType}
                                />
                            </td>
                            <td>
                            <ActionSelector
                                    options={actions}
                                    setSelected={this.setSelectedAction}
                                />
                            </td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td><button onClick={this.onSubmit} className="btn btn-success" type="submit">+</button></td>
                        </tr>
                { this.state.actions.map((action,index) => {
                        return (
                            <React.Fragment key={index}>
                                <tr>
                                <th scope="row">{index}</th>
                                <td>{action.actionType.label}</td>
                                <td>{action.description}</td>
                                <td>{action.creation}</td>
                                <td><button onClick={this._edit.bind(this, action['_id'])} class="btn btn-primary" type="submit">edit</button></td>
                                <td><button onClick={this._delete.bind(this, action.action_id)} class="btn btn-danger" type="submit">delete</button></td>
                                <td> -</td>
                                </tr>
                            </React.Fragment>
                        )
                    }
                )}
                </tbody>
                </table>
                {this.state.new_row.type.value === „Edit“ ? (
                <div>
                    {this.form(this.state.new_row)}
                </div>) : (
        )}
        </div>
    )
}}

我只发布了最相关的代码。如果你需要更多，那么我可以发布我的整个类。