reactjs v18 text-decoration 的距离怎么设置

在 React.js v18 中，可以使用 CSS 来设置文本的装饰线距离。可以使用 textDecoration 属性来设置装饰线的样式，并使用 textDecorationThickness 属性来设置线的厚度。以下是一个示例代码：

import React from 'react';

const App = () => {
  const textDecorationStyle = {
    textDecoration: 'underline',
    textDecorationThickness: '2px',
    textDecorationColor: 'red',
    textDecorationSkip: 'none',
  };

  return (
    <div>
      <h1 style={textDecorationStyle}>Hello React</h1>
      <p style={textDecorationStyle}>This is a sample text.</p>
    </div>
  );
};

export default App;

在上述代码中，我们使用 textDecoration 属性设置了下划线装饰线样式，并使用 textDecorationThickness 属性设置了线的厚度为 2 像素。你还可以使用 textDecorationColor 属性设置线的颜色，以及 textDecorationSkip 属性来设置在哪些元素上跳过装饰线。

你可以根据自己的需求修改 textDecorationStyle 对象中的属性值，来设置文本装饰线的距离