Как определить, в какой категории отображается компонент React?
У меня есть компонент React <Banner />
это просто изображение (кликабельно и перенаправляет в одну из категорий), показывается на домашней странице и относится к 1 категории, например. Мороженое (у меня есть боковое меню с категориями).
Как я могу проверить, в какой категории показывать этот баннер?
var Banner = React.createClass({
render: function() {
var toCategory = "/favourites";
var imageName = "Magnum Banner";
return (
<section className="banner" onClick={ this.props.onClick }>
<a href={toCategory}>
<img src={ window.assets['banner.png'] } width="1030" alt={imageName} ref="Banner" />
</a>
</section>
);
}
});
Я думал об этом (this.state.ShowBanner) ? <Banner /> : null
, установив начальное состояние в false
в компоненте CategoryList, а затем, если window.location(?)
равно пути в компоненте Banner - установите true для состояния
Пожалуйста, помогите мне с этим вопросом. Спасибо