Javascript 从react.js中的api获取随机颜色？

如何从这个API链接中获取随机颜色，以及如何使用获取的颜色分别更改列表中的每个元素，例如在react.js中为一行列表添加每个颜色

class FetchRandomColor extends React.Component {
state = {
    loading: true,
    color: null,
};

async componentDidMount() {
    const url = "http://www.colr.org/json/color/random";
    const response = await fetch(url);
    const data = await response.json();
    this.setState({color: data.colors[0]})
}


render() {
return (
    <div>
        {this.state.loading || !this.state.color ? (
        <div>loading...</div> 
        ) : (
        <div>
           div>{this.state.color}</div>
        </div>
        )}
    </div>
);

class-FetchRandomColor扩展了React.Component{
状态={
加载：对，
颜色：空，
};
异步组件didmount（）{
常量url=”http://www.colr.org/json/color/random";
const response=等待获取（url）；
const data=wait response.json（）；
this.setState（{color:data.colors[0]}）
}
render（）{
返回(
{this.state.loading | |！this.state.color(
加载。。。
) : (
div>{this.state.color}
)}
);

} }

渲染（， document.getElementById（'root'）

---

到目前为止，我还没有找到从api获取颜色的方法，之后我需要将该颜色应用到列表的每一行

我认为您可以使用Math.random（）和RGBa，下面是一个示例

到目前为止您尝试了什么？您想做什么？发布一些代码