嵌套在数组中的对象中的列表react

Question

我想将难度列表映射到react组件。我该怎么做？我需要将其作为一个列表映射到一个组件

{
"Difficulty": [
"Easy",
"Medium",
"Hard",
"Very Hard"
],
"Style": [
"Exhibition",
"Season",
"Franchise",
"Tournament"
],
"Sport": "Basketball",
"QuarterLengths": [
6,
12
]
}

Answer 1

const data = {
"Difficulty": [
"Easy",
"Medium",
"Hard",
"Very Hard"
],
"Style": [
"Exhibition",
"Season",
"Franchise",
"Tournament"
],
"Sport": "Basketball",
"QuarterLengths": [
6,
12
]
}
const SomeComponent = () => {
return <div>{data.Difficulty.map((d)=><span>{d}</span>)}</div>
}