【问题标题】:Nested tables React嵌套表反应
【发布时间】:2021-08-13 12:05:22
【问题描述】:

我正在使用react material table 创建一个表。在此我打开一个模式对话框,我需要在 de 对话框中创建另一个表。

在我的代码中,我的表格有一个布局,其中包含我需要的所有内容,所以我只需要使用我的模板来创建表格就可以了。

会发生什么:当我运行应用程序时,我的对话框没有打开并且应用程序崩溃了。它不会编译我的第二张表。 有时它会给我带来关于渲染和嵌套的错误。一旦它说关于重新渲染或嵌套太多次usetate。

Here is an example of it

【问题讨论】:

  • 我在给定的示例链接中没有看到您的代码?
  • 嘿,很抱歉。请再次查看。我做了一些改变试图解决这个问题,但我还没有解决它
  • 我还是看不到你的dialog 组件,小姐?
  • 我已经添加了。虽然我没有打开,请原谅我缺乏经验。
  • 无论如何我在这里有另一个例子,但它也不起作用codesandbox.io/s/muddy-framework-e01ix?file=/src/App.js

标签: reactjs uitableview nested dialog material-table


【解决方案1】:

点击the button 时会显示:“action.onClick 不是函数”

因此,您需要检查的第一件事是此处按钮的声明或分配:

onClick: { handleClickOpen }

然后点击查看onClick的类型:onClick: (event: any, data: RowData | RowData[]) => void;

显然它不接受对象而是函数:

然后您需要更改为使其正常工作:

onClick: handleClickOpen


在你的第二个源代码中它失败了,因为你没有从basicTable.js返回任何东西

试着在里面放一些东西,比如:

import React from "react";

export default function BasicTable() {
  return <div>123</div>;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-08
    • 1970-01-01
    • 2023-04-01
    • 2021-11-16
    • 2017-04-02
    • 1970-01-01
    相关资源
    最近更新 更多