h88p

Зачем вы из Home.js импортируете carsArray и затем его же передаете в сам Home.js через пропы, смысл?

{ this.props.counter.map((item, index) => React.createElement(`${item.tag}`, {key: index}))}

???
Example:

Data.json

{
    "privet": "hi"
}

App.js

import React from 'react';
import Data from './Data';
import './App.css';

function App() {
  return (
    <div className="App">
          {Data['privet']}
    </div>
  );
}

export default App;

p.s.

Метод JSON.parse() разбирает строку JSON

Источник

Можете попробовать по циклу с задержкой им задавать цвет и поставить для каждого transition, должен получиться эффект, который вам нужен

setInterval(_=>{
   icons.forEach(function(element, i){
      setTimeout(function(){
         element.style.color = 'white'
         setTimeout(_=>{
              element.style.color = 'green'
          }, 400)
      }, 240 * ++i)
   });
}, icons.length*200 + 800)

Примерно так или как ответил человек в комментариях :)

this.state.deleteSum.splice(this.state.deleteSum.indexOf(checkedItem), 1);

При удалении из массива вы удаляли с index, а у цены, которую вы хотите удалить, индекс может не совпадать с this.state.deleteSum