[React-Native 0.67] useEffect() 사용 - in function, in classcomponent

리액트는 버전별로 사용법이 달라서 공홈을 살펴보는 게 제일 좋다.

https://reactjs.org/docs/hooks-effect.html

Using the Effect Hook – React

 

# function에서 useEffect()를 사용하는 방법

import React, {useEffect} from 'react';

function APP({navigation}) {
	useEffect(() => {
        navigation.getParent().setOptions({
            tabBarStyle: { display: "none" },
        }); 
    }, []);
}

일반적으로 function에서 useEffect를 사용하는 방법은 위와 같다.

 

# class component에서  useEffect()를 사용하는 방법

import React, {Component } from 'react';

class APP extends React.Component {
    constructor(props) {
        super(props);
    }
    
    componentDidMount() {
        this.props.navigation.getParent().setOptions({
            tabBarStyle: { display: "none" },
        }); 
    }

    render() {
    	return ();
    }
}

class component에서 useEffect를 사용하는 방법은 componentDidMount() 함수에 처리할 코드를 넣으면 된다.

즉, useEffect 함수를 이용해서 사용하는 function과 방법이 다르다.