Блог

Я создаю приложение react js. В этом приложении я понимаю, что у меня есть тег внутри тега, например, так:

 <a><a></a></a> 

Я нашел проблему, как вы можете видеть на этих фотографиях. Но я не могу решить эту проблему. Если бы кто-нибудь мог мне помочь, я был бы очень благодарен.

В закомментированном коде у меня возникла проблема. Как вы можете видеть, у меня есть тег ссылки, и внутри этого тега ссылки у меня есть раскрывающийся тег. Выпадающий список вызывает проблему, но он необходим для моего приложения.

Редактировать:

Я понимаю, что a-тег не может жить внутри другого a-тега, я попробовал несколько разных способов, чтобы в полной мере использовать раскрывающийся список и ссылку. Как вы можете видеть на этих новых фотографиях, я пытаюсь сделать так, чтобы карточка была ссылкой на группу, а также раскрывающимся списком с двумя вариантами: Редактировать и Удалять.

Вот как выглядит карточка, три точки-это выпадающее меню. при нажатии на эту карточку я попадаю на страницу «/группа/управление/».

Вот как выглядит карта при нажатии на раскрывающееся меню.

Я рекомендую реструктурировать ваш компонент подобным образом:

 <Card>
    <Link>
        {mainContent}
    </Link>
    <Dropdown>
        {dropDownItems}
    </Dropdown>
</Card>
 

Затем используйте CSS, чтобы расположить раскрывающийся список справа вверху, поверх основного содержимого.