Trying to use Redirect in ReactJS

Question

I am trying to redirect when a button is clicked but is not working. I did a console log on the handleClick event and it did log in the console. Here is the code and I am not sure where did I go wrong? Thanks in advance.

import React from 'react'
import { Redirect } from "react-router-dom";

const Home = () => {

    function handleClick() {
       return <Redirect to='/aboutus' />
    }

    return (
        <div>
            <button type="button" onClick={handleClick}>
                Go About Us
            </button>
        </div>
    )
}

export default Home

`Redirect` must be rendered just like a view in your render function using state to work properly. — Maddy Blacklisted, Jun 23 '20 at 16:19

score 1 · Answer 1 · answered Jun 23 '20 at 16:21

1

Handle click return a component, there is no actual action. Use Link instead.

answered Jun 23 '20 at 16:21

Achal Jain

309
1
7

Trying to use Redirect in ReactJS

1 Answers1