ReactDOM.render(<Cart>, document.getElementById('cart'));
ReactDOM.render(<Autocomplete>, document.getElementById('autocomplete')); //если автокомплиты могут быть разные, то тут наверное придется брать на по ID а по дата аттирбутам наверное
Но и sql и nosql dbs выбирать нужно из соображений, что нужно бизнесу и очень часто в крупных проектах сейчас используются комбинации разных баз.
Только вот не понятно, как эта схема будет работать для списка товаров. Скорее всего будет как в вашем примере, где будет цикл через дата аттирбуты и с прокидыванием дефолтных значений в пропсы.