Reactjs 如何在react js的material ui table中以弹出式预览的形式查看新表，其中包含现有表中的选定行

我想用现有MUI表中的选定行创建一个新表。单击“提交”按钮时，我需要预览所选行。[需要弹出预览表或新选项卡]

var selectedList = {};
const options = {
  filterType: "checkbox",
  selectableRows: false,
  selectableRowsOnClick: true,
  onRowsSelect: (rowData, rowState) => {
  selectedList = rowState;
  console.log("ddd", selectedList);
  }
 };

export default class FaqsDataList extends React.Component {
 constructor(props) {
super(props);
this.state = {
  slide: "slideopen",
  inputhandle: "input--filled",
  value: "",
  createbot: "",
  faqList: [],
  response: [],
  selectedList: []
};
this.onChange = this.onChange.bind(this);
  }

 getMuiTheme = () =>
   createMuiTheme({
  overrides: {
    MuiPrivateSwitchBase: {
      root: {
        display: "block"
      }
    },
    MUIDataTableToolbar: {
      root: {
        display: "none"
      }
    }
  }
});


  submitList = () => {
var finaldata = [];
const selected = selectedList.map(item => {
  finaldata.push(this.state.faqList[item.dataIndex]);
});

 };

  render() {
return (
  <div>
    <form onSubmit={this.onFormSubmit}>
      <div className="card">
        <div className="card-body">
          <h5 className="card-title">FAQ list</h5>
          <div className="form-group">
            <div className="row">
              <div className="col-md-2 offset-md-3">
                <label className="text-primary" for="exampleInputFile">
                  Select PDF File
                </label>
              </div>
              <div className="col-md-3">
                <input
                  type="file"
                  accept="application/pdf"
                  onChange={this.onChange}
                  className="form-control-file"
                  id="exampleInputFile"
                  aria-describedby="fileHelp"
                />
              </div>
              <div className="col-md-2">
                <button type="submit" className="btn btn-primary btn-sm">
                  Upload
                </button>
              </div>
              <button
                className="btn btn-primary btn-sm"
                onClick={() => this.submitList()}
              >
                Submit
              </button>
            </div>
          </div>
        </div>
      </div>

      <div>
        <div className="peers fxw-nw pos-r">
          <div className="" id="main-window-scroll">
            <MuiThemeProvider theme={this.getMuiTheme()}>
              <MUIDataTable
                title={"FAQs Data List"}
                data={this.state.faqList}
                columns={columns}
                options={options}
                // onRowClick={this.handleRowSelection}
              />
            </MuiThemeProvider>
          </div>
        </div>
      </div>
    </form>
    {/* <FaqsUrlDataList/> */}
  </div>
);
}
}

var selectedList={}；
常量选项={
filterType:“复选框”，
selectableRows:false，
SelectableRowson单击：true，
onrowselect：（rowData，rowState）=>{
selectedList=行状态；
console.log（“ddd”，selectedList）；
}
};
导出默认类FaqsDataList扩展React.Component{
建造师（道具）{
超级（道具）；
此.state={
幻灯片：“slideopen”，
inputhandle：“输入——已填充”，
值：“”，
createbot:“”，
常见问题列表：[]，
答复：[]，
selectedList:[]
};
this.onChange=this.onChange.bind（this）；
}
getMuiTheme=（）=>
创造博物馆({
覆盖：{
MuiPrivateSwitchBase：{
根目录：{
显示：“块”
}
},
MUIDataTableToolbar：{
根目录：{
显示：“无”
}
}
}
});
submitList=（）=>{
var finaldata=[]；
const selected=selectedList.map（项=>{
finaldata.push（this.state.faqList[item.dataIndex]）；
});
};
render（）{
返回(
常见问题列表
选择PDF文件
上传
this.submitList（）}
>
提交
{/*  */}
);
}
}

这是我的代码，我选择的行存储在var finaldata中。 我需要在弹出窗口或新选项卡中预览所选行的表格