表格中的表格

Question

我是新来的反应和实施反应表。 UI如下所示：

这是我的组件代码：

    render() {
      return (
        <div className="right_col" role="main">
          <h2>Stock</h2>
          <div className="card">
            <div className="card-header"></div>
            <div className="card-body">
              <FormProvider
                form="inline"
                onSubmit={this.handleSubmit}
                onSubmitSuccess={() => this.setState({ editing: null })}
                initialValues={this.state.editing}
                enableReinitialize
              >
                {formProps => {
                  return (
                    <form onSubmit={formProps.handleSubmit}>
                      <Table
                        columns={this.columns}
                        data={this.props.data}
                        defaultPageSize={5}
                      >
                      </Table>
                    </form>
                  );
                }}
              </FormProvider>
            </div>
            <div className="card-footer"></div>
          </div>
        </div>
      );
    }
  }

FormProvider包含以下代码：

import { reduxForm } from "redux-form";

const toRenderProp = ({ children, ...rest }) => children(rest);
export default reduxForm()(toRenderProp);

现在，我要使Name列中的数据可单击。怎么做？然后，在单击该数据时，我希望嵌套表显示相关数据。我该如何实现？

我的反应版本是16.13.1。

Answer 1

我可以帮助您进行单元格点击