How can i find the largest and smallest numbers in an object array and change the css of that object when its rendered (React)

Question

here is a mock of what my data looks like and 3 of the same component

const players = [
    { Fplprice: 7},
    { Fplprice: 4},
    { Fplprice: 10}
];

var la