Почему React два раза вызывает constructor при отрисовке классовой компоненты?

Question

[pablo_228]

Всем доброго времени суток!
Возникла проблема - при отрисовке компоненты(переход по ссылке через Route) два раза вызывается методы render и constructor. Подскажите в чем может быть проблема.

import React from 'react'

class Test extends React.Component {
    constructor(props){
        super(props)
        alert('Вызов метода constructor')
    }
    render() {
        alert('Вызов метода render')
        return <div></div>
    }
}

export default Test

Файл App выглядит так:

import React from "react";
import { BrowserRouter, Route } from "react-router-dom";
import Test from "./test";
import { NavLink } from "react-router-dom";

var App = (props) => {
  return (
    <BrowserRouter>
      <NavLink to="/test">Сообщения</NavLink>
      <Route path="/test" render={() => <Test/>} />
    </BrowserRouter>
  );
};

export default App;

Заранее спасибо!

Comments

[Lynn «Кофеман»]

И где же код который это использует?

[pablo_228]

import React from "react";
import { BrowserRouter, Route } from "react-router-dom";
import Test from "./test";
import { NavLink } from "react-router-dom";

var App = (props) => {
  return (
    <BrowserRouter>
      <NavLink to="/test">Сообщения</NavLink>
      <Route path="/test" render={() => <Test/>} />
    </BrowserRouter>
  );
};

export default App;

[yarushin_a]

pablo_228, возможно вы вствляете 2 тэга App на страницу ?