将TableView行背景色绑定到布尔属性

import React, { useState } from 'react';

function MyComponent() {
  const [isHighlighted, setIsHighlighted] = useState(false);

  // 其他代码...

  return (
    <div>
      <table>
        <tbody>
          <tr style={{ backgroundColor: isHighlighted ? 'yellow' : 'white' }}>
            <td>行内容</td>
          </tr>
          {/* 其他行... */}
        </tbody>
      </table>
    </div>
  );
}

export default MyComponent;

import React, { useState } from 'react';
import classNames from 'classnames';

function MyComponent() {
  const [isHighlighted, setIsHighlighted] = useState(false);

  // 其他代码...

  const rowClassName = classNames({
    'highlighted-row': isHighlighted,
    'normal-row': !isHighlighted,
  });

  return (
    <div>
      <table>
        <tbody>
          <tr className={rowClassName}>
            <td>行内容</td>
          </tr>
          {/* 其他行... */}
        </tbody>
      </table>
    </div>
  );
}

export default MyComponent;