У меня есть следующий компонент responseJS:
const Breadcrumbs = () => <Route path = "*" render = {props => {
let parts = props.location.pathname.split("/").filter(part => part.indexOf('#') === -1);
const place = parts[parts.length - 1];
parts = parts.slice(1, parts.length - 1);
return (<div>
<ol className = {`breadcrumb`}>
{parts.map(crumb)}
<li>{place}</li>
</ol>
</div>);
}}/>;
На данный момент моя проблема в том, что этот компонент вызывается только один раз. И не при каждой перезагрузке страницы.
Как я могу изменить этот компонент на функцию, которую я могу использовать в componentDidMount()
заранее спасибо



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Фактически вы уже создаете функциональный компонент. Ваш код присваивает все, что справа от начального =, константе Breadcrumbs. Справа у вас есть стрелка функций.
Чтобы вызвать свой компонент, вы можете сделать Breadcrumbs(props)
Я полагаю, что первая часть приведенного выше JSX возвращает определение функции. Второй пример возвращает объект, который ожидает JSX. Подробнее читайте здесь: reactjs.org/docs/components-and-props.html.
Когда я делаю это
{() => Breadcrumbs(this.props)}, ничего не печатается в поле зрения. Когда я делаю это,<Breadcrumbs/>печатается только при обновлении браузера.