У меня есть компонент мастера, построенный вокруг класса, который содержит вопросы в массиве и передает текущий вопрос компоненту Wizard
.Я желаю, чтобы у каждого вопроса был свой маршрут.Объект вопроса внутри массива:
[{
route: 'service-option',
getComponent: props => {
return <QuestionOne {...props}/>;
},
...
},
...
]
Я пытаюсь визуализировать запомненный компонент реакции Route
на основе пропуска question
, переданного в Wizard
, следующим образом:
const memoizedQuestionRoute = useMemo(() => {
history.push(`wizard/${question.route}`);
const component = React.cloneElement(question.getComponent(...), {...});
return <Route path={`wizard/${question.route}`} render={props => component}/>;
}, [question]);
и отобразить его в div
примерно так:
<div>
{memoizedQuestionRoute}
</div>
Проблема в том, что маршрут даже не отображается, и я не вижу его внутри div.Есть идеи почему и как это решить?