[React] Redirect

1. 컴포넌트를 통한 Redirect

function Navigation() {
    return (
    <div className="nav">
        <Link to="/">Home</Link>
        <Link to={{
            pathname:"/about",
            state: {
                fromNavigation: true
            }
        }}>About</Link>
    </div>
    );
}

2. history props를 통한 Redirect

• 전달된 props이 undefined일 경우 home으로 Redirect하는 코드

class Detail extends React.Component{
    componentDidMount(){
        const { location, history } = this.props;
        if(location.state === undefined) {
            history.push("/");
        }
    }
    render(){
        return <span>hello</span>
    }
}