Как узнать номер элемента div внутри div?
Можно сделать без js, только с помощью стилей, используя псевдоэлементы
https://jsfiddle.net/oygt1c8s/1/
Исходя из вопроса, ответ скорее всего "нет", но вы этот JSX своими руками выводите? 

И если всё-таки нет, то попробуйте

useEffect(() => {
        settingContent?.querySelectorAll('.item-title').forEach((item, index) => {
                item.textContent = `${index + 1}. ${item.textContent}`
        })
    }, [])

UPD:
Только-только осознал, что раз jsx, значит скорее всего реакт, а значит имена классов дополняются разными хешами, и доступ к элементам можно получить через ref

Но вариант с css гораздо лучше и правильнее =)