JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a href="#">Пункт без подпунктов</a></li>
    <li><a href="#">Пункт с подпунктами</a>
        <ul>
            <li><a href="#">Раз подпункт</a></li>
            <li><a href="#">Два подпункт</a></li>
            <li><a href="#">Подпункт с подпунктами:</a>
                <ul>
                    <li><a href="#">Один</a></li>
                    <li><a href="#">Два</a></li>
                </ul>
            </li>
        </ul>
    </li>
    <li><a href="#">Еще пункт без подпунктов</a></li>
    <li><a href="#">Пункт с подпунктами</a>
        <ul>
            <li><a href="#">Еще подпункт</a></li>
            <li><a href="#">И еще подпункт</a></li>
        </ul>
    </li>
</ul>

CSS

a { text-decoration: none; font-family: sans-serif; text-transform: uppercase; }

li > a:not(:only-child)::after { content: ' ▼'; }