Как засветить иконки на 3-х наибольших значениях?

Question

[Heorhii]

Всем вечер добрый. Дело в следующем - не могу понять как отобрать с массива 3 наибольших значения, например count_pub и добавить к ним пикчу в item, перепробовал все что знал (знал немного но тем не менее), и каждый раз приложка у меня успешно крэшится, страдаю на React.

import React, { Component } from 'react';
import Authors from './data.json';
import Avatar from 'react-avatar';

class AuthorList extends Component {
  render() {
//*      Authors.length = 10;
    return (
      <div>
          {Authors.map((AuthorDetail, index)=>{
                return <div className="item" key = {index}>
                    <div className="author-info">
                        <Avatar name={AuthorDetail.name} size="50" maxInitials="1" round />
                        <div>
                            <p className="author">{AuthorDetail.name}</p>
                            <p className="count">{AuthorDetail.count_pub} публ.</p>
                        </div>
                    </div>
                    <img src={} height="50" alt="" />
                    <p className="views">{AuthorDetail.pageviews}</p>
                </div>
            })}
      </div>
    );
  }
}

export default AuthorList;

Comments

[0xD34F]

перепробовал все что знал

Хотелось бы взглянуть на результаты ваших проб. Например, здесь.

Answer 1

[Виталий Киренков]

1. У вас рассинхрон в вопросе и описании
2. Что значит крэшиться? Какая ошибка?
3. Картинки - должен быть соответствующий лоадер в вебпаке (если вы его юзаете)
4. Куда в коде конкретно смотреть? Что не так?