Получить случайный цвет из API в реакции. js?

Question

Как я могу получить случайный цвет по этой ссылке API http://www.colr.org/json/color/random и с этим выбранным цветом, как мне изменить каждый элемент в списке отдельно, как добавить каждый цвет для одной строки списка в реагировании. 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'));

Я пробовал, пока могу ' Не могу найти способ получить цвет из API, и после этого мне нужно внедрить этот цвет в каждую строку списка

Answer 1

Я думаю, вы можете использовать Math.random () и RGBa, вот пример https://www.freecodecamp.org/forum/t/react-random-color-change/227595