Reactjs “材质表”将复选框替换为单选按钮

Reactjs “材质表”将复选框替换为单选按钮,reactjs,material-ui,material-table,Reactjs,Material Ui,Material Table,我用它来显示一些数据,现在我想一次选择一行,将该行的数据传递给另一个组件,因此,能够一次选择多行不是我想要的,主要建议是选择单选按钮。那么,有没有办法用单选按钮替换表格上的复选框,或者使选择选项一次只允许选择一行?根据您的双手情况确定。但是,这可能会奏效: 将selectedRow键添加到使用MaterialTable的组件 创建一些方法或函数,例如handleSelection并将其传递给onSelectionChangeprop。此func的参数是handleSelection返回的数组 当

我用它来显示一些数据,现在我想一次选择一行,将该行的数据传递给另一个组件,因此,能够一次选择多行不是我想要的,主要建议是选择单选按钮。那么,有没有办法用单选按钮替换表格上的复选框,或者使选择选项一次只允许选择一行?

根据您的双手情况确定。但是,这可能会奏效:

  • selectedRow
    键添加到使用
    MaterialTable的组件
  • 创建一些方法或函数,例如
    handleSelection
    并将其传递给
    onSelectionChange
    prop。此func的参数是handleSelection返回的数组
  • 当用户选择某行时,将
    selectedRow
    设置为该行对象
  • 如果用户单击“全部选择”复选框(左上角)-显示不支持操作的通知。如果无法以编程方式取消选中所有复选框-卸载和装载MaterialTable(重置复选框)
  • 如果已经选择了一行,则会选择另一行(这将产生两个选定行)-重复步骤“4”
  • 我知道这有点复杂,但这是目前我能想到的最好的办法

    n、 b.您可以做的另一件事(强制用户只选择一行)是在多个选择上隐藏表,并显示关于他们可以做什么的消息。消息可能是可关闭的。当消息get closed时,可能会出现新表(mount aggain)

    更新 只是找到了另一个可能适合你的选择。看看“简单动作示例”。这里有按钮而不是复选框。我开始认为:

     options={{
       selection: true
     }}
    
    这不是你的正确选择