Javascript reactJs中JSON的网格视图格式

我有一个react组件，需要在其中呈现从第三方API获取的JSON。 JSON的类型是

[
    {
        color: "red",
        value: "#f00"
    },
    {
        color: "green",
        value: "#0f0"
    },
    {
        color: "blue",
        value: "#00f"
    },
    {
        color: "cyan",
        value: "#0ff"
    },
    {
        color: "magenta",
        value: "#f0f"
    },
    {
        color: "yellow",
        value: "#ff0"
    },
    {
        color: "black",
        value: "#000"
    }
]

我需要呈现一个包含3列的表中获取的JSON

Red     Green     Blue
Cyan    Magenta   Yellow
Black

我能够以单列样式渲染，但在使用多列时遇到问题

Red     Green     Blue
Cyan    Magenta   Yellow
Black

---

有什么方法可以做到吗？

您应该像下面这样更新组件样式

const数据=[
{
颜色：“红色”，
值：“f00”
},
{
颜色：“绿色”，
值：“0f0”
},
{
颜色：“蓝色”，
值：“00f”
},
{
颜色：“青色”，
值：“0ff”
},
{
颜色：“洋红色”，
值：“f0f”
},
{
颜色：“黄色”，
值：“ff0”
},
{
颜色：“黑色”，
值：“000”
}
];
类Hello扩展了React.Component{
render（）{
返回(
{data.map（项=>(
{item.color}
))}
);
}
}
render（，document.getElementById（“容器”）
谢谢@Ceyhun Keklik。这正是我想要的。