给li设置滚动条 一个li时滚动条隐藏 多个时可以滑动 react代码实现

可以使用CSS样式来为li元素设置滚动条，具体实现如下：

li {
  overflow-y: auto; /* 设置垂直方向上的滚动条 */
  max-height: 200px; /* 设置最大高度，超过该高度时会出现滚动条 */
}

在React中，可以将上述CSS样式应用到组件中的li元素，代码如下：

import React from 'react';

function List({ items }) {
  return (
    <ul>
      {items.map(item => (
        <li key={item.id}>
          {item.text}
        </li>
      ))}
    </ul>
  );
}

export default List;

在List组件中，li元素会根据items数组的长度来渲染，如果items数组中只有一个元素，li元素的高度不会超过max-height，因此滚动条会隐藏；如果items数组中有多个元素，li元素的高度会超过max-height，因此滚动条会出现，可以通过鼠标滚动或拖动滑块来滑动滚动条。