Olá, estou tentando usar o componente Link
do react-router-dom
para gerar links em uma tabela de dados, porém, estou enfrentando o seguinte problema:
Warning: validateDOMNesting(...): <a> cannot appear as a descendant of <a>
O código
function mapStateToProps(state) {
return {
pages: state.pages.map((page, index) => {
let dropdownBtnOpts = [{
text: 'Editar',
to: '/admin/pages/' + page._id + '/edit',
icon: 'edit'
}, {
text: 'Excluir',
icon: 'delete',
onClick: () => {
handleDeletePage(page._id)
}
}];
page._id = page._id.toString();
page.title = page.title;
page.url = <Link to={page.url}>{page.url}</Link>;
page.published = page.published;
page.actions = <DropdownButton state='default' size='small' options={dropdownBtnOpts}>Opções</DropdownButton>;
return page;
})
};
}
O meu problema se econtra na linha:
page.url = <Link to={page.url}>{page.url}</Link>;
O resultado é algo parecido com:
<Link to=''>
<Link to='/url'></Link>
</Link>
Algum esclarecimento será bem vindo, obrigado.