const promise = fetch('https://api.github.com/users/github')
.then(res => res.json())
.then(({login, id}) => ({ login, id: `id is ${id}` }))
promise.then(data => {
console.log(data) // { login: 'github', id: 'id is 9919' }
})
const nameUnit = {
1: {
tagName: 'test1',
tagValue: 57
},
2: {
tagName: 'test2',
tagValue: 90
},
3: {
tagName: 'test3',
tagValue: 25
}
};
renderItem(item, i) {
const {tagName, tagValue} = item;
const barStyle = {
background: '#F4645'
};
const fillStyle = {
background: '#e0463e',
width: `${tagValue}%`
}
return (
<li key={i} className="progress-bar__item" style={barStyle}>
<span className="progress-bar__value" style={fillStyle}>
<span className="progress-bar__info">
<span>{tagName}</span>
<span>{tagValue} %</span>
</span>
</span>
</li>
)
}
renderContent() {
return Object
.keys(nameUnit)
.map((key, i) => this.renderItem(nameUnit[key], i));
}
Observable<User>- это observable, который разродится юзеромточно так же
Array<string>- массив строк.