Как сохранить порядок подстрок? (React+PHP)

Задача "Как сохранить порядок отображения подстрок"!

Есть список строк (типа todo лист) У каждой строки есть подстрока. (в базе они связанные по id) При клике на подстроку, после нее должна появиться новая. !!После нее, а не в конце списка. Такого можно достичь либо splice либо передачей нового списка. Но вот незадача: в базе список подстрок - это общий список подстрок, всех сразу. А реакт его уже сортирует визуально (сравнивая по id со строкой) Вопрос - как же добавлять строку после той, на которую кликнул и при том сохранять позицию.