当来自custombodyrender的操作按钮被单击时，我如何防止onRowClick？

当来自custombodyrender的操作按钮被单击时，防止onRowClick的方法可以通过以下步骤实现：

在React组件中，可以通过在操作按钮的onClick事件处理程序中调用event.stopPropagation()方法来阻止事件冒泡。这将阻止事件继续向上层组件传递，从而防止触发onRowClick事件。

示例代码如下：

const CustomButton = ({ onClick }) => {
  const handleClick = (event) => {
    event.stopPropagation();
    // 执行自定义按钮的操作逻辑
    onClick();
  };

  return <button onClick={handleClick}>操作按钮</button>;
};

const MyTable = () => {
  const handleRowClick = () => {
    // 处理行点击事件的逻辑
    console.log('行被点击');
  };

  return (
    <table>
      <tbody>
        <tr onClick={handleRowClick}>
          <td>数据1</td>
          <td>数据2</td>
          <td>
            <CustomButton onClick={() => console.log('操作按钮被点击')} />
          </td>
        </tr>
      </tbody>
    </table>
  );
};

在上述示例中，当操作按钮被点击时，事件处理程序会调用event.stopPropagation()方法，阻止事件冒泡，从而不会触发父组件中的handleRowClick方法。

另一种方法是在父组件中使用一个状态变量来控制是否执行onRowClick事件。当操作按钮被点击时，将该状态变量设置为false，从而阻止onRowClick的执行。

示例代码如下：

const MyTable = () => {
  const [enableRowClick, setEnableRowClick] = useState(true);

  const handleRowClick = () => {
    if (enableRowClick) {
      // 处理行点击事件的逻辑
      console.log('行被点击');
    }
  };

  const handleButtonClick = () => {
    // 执行自定义按钮的操作逻辑
    console.log('操作按钮被点击');
    setEnableRowClick(false);
  };

  return (
    <table>
      <tbody>
        <tr onClick={handleRowClick}>
          <td>数据1</td>
          <td>数据2</td>
          <td>
            <button onClick={handleButtonClick}>操作按钮</button>
          </td>
        </tr>
      </tbody>
    </table>
  );
};

在上述示例中，通过使用useState钩子来创建一个enableRowClick状态变量，并将其初始值设置为true。当操作按钮被点击时，将enableRowClick设置为false，从而阻止onRowClick的执行。

以上是防止onRowClick事件在来自custombodyrender的操作按钮被单击时触发的两种方法。根据具体的业务需求和组件结构，可以选择适合的方法来实现。