如何在react中为直线型单击事件添加颜色？(无需更改字体颜色)

import React, { useState } from 'react';

function LineComponent() {
  const [lineColor, setLineColor] = useState('black');

  // 其他组件代码...

  return (
    <div>
      <hr style={{ borderColor: lineColor }} />
      <button onClick={() => setLineColor('red')}>点击变为红色</button>
      <button onClick={() => setLineColor('blue')}>点击变为蓝色</button>
    </div>
  );
}

export default LineComponent;