Javascript 单击“材质表”使行可编辑

使用该库，我试图使表行在双击时可编辑。单击该行应具有与单击“操作”列最左侧的“编辑”按钮相同的效果。我已成功链接到正确的事件处理程序，现在双击一行时由警报框表示

从React导入React； 从物料表导入MaterialTable，{MTableBodyRow}； 导出默认功能应用程序{ 回来 { 使行可编辑； }} /> }} 可编辑={{ onRowAdd:newData=> 新承诺人解决方案，拒绝=>{ 决定 }, onRowUpdate:newData，oldData=> 新承诺人解决方案，拒绝=>{ 决定 }, onRowDelete:oldData=> 新承诺人解决方案，拒绝=>{ 决定 } }} 资料={[ {姓名：迈赫迈特，姓氏：巴兰，出生年份：1987，出生城市：63} ]} 标题=演示标题 /> ; }

---

这是纯粹的黑客行为，没有你能触发的事件

所以我只是深入挖掘核心对象以找到事件触发器，我在props.actions中找到了它

actions包含操作数组，例如添加、编辑、删除，因此通过获取它的引用，您可以从中触发任何事件

这是它的代码片段，请看一下：

<MTableBodyRow
    {...props}
    onDoubleClick={(e) => {
        console.log(props.actions) // <---- HERE : Get all the actions
        props.actions[1]().onClick(e,props.data); // <---- trigger edit event
        alert("Make row editable");
    }}
/>

工作演示：

---

这是纯粹的黑客行为，没有你能触发的事件

所以我只是深入挖掘核心对象以找到事件触发器，我在props.actions中找到了它

actions包含操作数组，例如添加、编辑、删除，因此通过获取它的引用，您可以从中触发任何事件

这是它的代码片段，请看一下：

<MTableBodyRow
    {...props}
    onDoubleClick={(e) => {
        console.log(props.actions) // <---- HERE : Get all the actions
        props.actions[1]().onClick(e,props.data); // <---- trigger edit event
        alert("Make row editable");
    }}
/>

工作演示：