Reactjs 反应：从数组中显示引导转盘项目中的无序列表

非常新的反应（通常在JS中不是很有效），可以使用一些关于如何设置的指导。我试图使用React/JSX在数组中的单个旋转木马项目中呈现无序列表。到目前为止，我的旋转木马工作正常，但我不知道如何将数组项分组到单独的列表中

我的代码：

$（'.carousel-inner>.item:first-child'）.addClass（'active'）；
常数旋转木马=[
'这是一条传送带短信1'，
'这是一条传送带短信2'，
'这是一条旋转木马短信3'，
'这是一条传送带短信4'，
'这是一条传送带短信5'，
'这是一条传送带短信6'
];
const carouselTest=carouselItems.map（（word，idx）=>{return
{word}
}）
ReactDOM.render(
{carouselTest}
，document.getElementById（'carousel_facts'））
);

从“React”导入React；
从“react dom”导入react dom；
常数firstList=[
“这是一条传送带短信1”，
“这是一条传送带短信2”，
“这是一条传送带短信3”
]
const secondList=[
“这是一条传送带短信4”，
“这是一条传送带短信5”，
“这是一条传送带短信6”
]
ReactDOM.render(

{
map（（item，idx）=>
{item}
）
}


{
map（（item，idx）=>
{item}
）
}

，document.getElementById（'carousel_facts'））
)
您需要单独的变量