переписать componentDidUpdate (prevProps) в ловушку

Question

Я бы хотел переписать этот метод жизненного цикла в ловушку:

componentDidUpdate(prevProps) {
  if (this.props.lng !== prevProps.lng && this.props.lat !== prevProps.lat) {
    this.map.setView(new L.LatLng(this.props.lat, this.props.lng), 6);
  } else if (this.props.mapTheme !== prevProps.mapTheme) {
    this.setMapTheme(this.props.mapTheme);
  }
}

Я знаю, как использовать ловушку useEffect, но не смог найти хороший пример.

Answer 1

useEffect(() => {
  map.setView(new L.LatLng(props.lat, props.lng), 6);
}, [props.lng, props.lat]);

useEffect(() => {
  setMapTheme(props.mapTheme);
}, [props.mapTheme]);