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

Question

How can I fetch random color from this API link http://www.colr.org/json/color/random and with that fetched color how do I change each element in the list separately, like add each color for one line of list in 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>
);

} }

render(, document.getElementById('root'));

I tried this so far I can't find a way to take the color from the api and after that I need to implement that color to each line of the list

Answer 1

我认为你可以使用 Math.random() 和 RGBa，这是一个例子https://www.freecodecamp.org/forum/t/react-random-color-change/227595