Откуда ошибка рендеринга в react-router?

Question

[DMITRY Chernenkiy]

Есть в небольшом приложении небольшой Route

<Route
        path="/daily/:coord"
        render={({ match }) => {
          let coord = match.params.coord;
          hundlerURLRequest( coord  );
          return <DailyWeather />;
        }
      />

функция hundlerURLRequest( coord ) принимает координаты для fetch запроса который возвращает данные для рендеринга
Все работает, но выдает вот такую ошибку

Warning: Cannot update a component (`Connect(createSirchPanel)`) while rendering a different component (`Router.Consumer`). To locate the bad setState() call inside `Router.Consumer`, follow the stack trace as described

как это поправить или как разбор URL запроса проводить не в Route ?

Answer 1

[Андрей Hecc]

Из любого рендера в реакте вообще не стоит запускать никаких асинхронных действий.
Тут стоит использовать вместо метода render, метод component и передать туда компонент в котором нормально обработать запрос.

Если компонент классовый то в методе componentDidMount(), если функциональный - то через useEffect()

const Render = () => (
    <Route path="/daily/:coord" component={ SuperComponent } />
)

const SuperComponent = ({ match }) => {
    let [ data, setData ] = useState( null );
    let coord = match.params.coord;

    useEffect( () => {  
        setData( hundlerURLRequest( coord  ) );
    }, [hundlerURLRequest, setData, coord ]);
    
    return <DailyWeather coords={data} />
}

Comments

[DMITRY Chernenkiy]

Спасибо, но очень роуты в главном компоненте находятся, в главном хотелось бы и запросы отсылать, а не писать вызов запроса на каждой внутренней страничке

[Андрей Hecc]

DMITRY Chernenkiy, для решения такой задачи или нужно сделать в основном компоненте запрос, который будет все эти данные получать до перехода по роуту или разбивать все на компоненты, каждый их которых будет иметь свою зону ответственности.
Отправлять запросы из компонентов - это нормальная практика в реакте, вся экосистема библиотеки рассчитана как раз на это. Я не вижу чего либо, что мешает у вас сделать подобным образом