Hi,
I am trying to redirect a user to a new page when they click on a tab . I have tried the following methods but the redirection does not happen. Any tips on alternative methods i can use will be appreciated.
My code
const panes = [
{
menuItem: 'Nairobi ',
render: () => <Redirect to={"/getBusinesses"}/>,
},
{
menuItem: 'Mombasa ',
render: () => <Redirect to={"/getBusinesses"}/>,
},
{
menuItem: 'Nakuru',
render: () => <a href="/getBusinesses"></a>,
},
{
menuItem: 'Ngong',
render: () => <Link to={"/reset-password"}/> ,
},
{
menuItem: 'Chogoria',
render: () => <Button onClick="window.open('https://www.our-url.com')"></Button> ,
},
{
menuItem: 'Kericho',
render: () => <Link to={"/reset-password"}/> ,
},
]
my tabs
<Tab menu={{ secondary: true, pointing: true,
style: {
display: "flex",
justifyContent: "center",
flexDirection: 'row',
flexWrap: 'wrap',
} }}
panes={panes} />