Я новичок в React и Redux,
Я пытаюсь использовать класс в качестве контейнера Redux (поэтому состоянием управляет редуктор), а также классический компонент с другим экземпляром (без ссылки на редуктор)
Итак, в основном что-то вроде этого:
class BaseLogo extends Component {
constructor(props){
super(props);
}
render(){
let link = this.props.linkLogo || this.props.link;
return (
<Link className="btn btn-primary" to={link}>
{this.props.logoName}
</Link>
);
}
}
function mapStateToProps(state){
return {
linkLogo: state.linkLogo
};
}
let Logo = connect(mapStateToProps)(BaseLogo);
export {Logo, BaseLogo as Button};
Итак, я хочу использовать логотип как контейнер и кнопку как компонент (без редуктора) с указанным реквизитом.
Но так как Redux привязывает его, всякий раз, когда я создаю экземпляр класса Logo, будет редьюсер.
Можно ли как-то изолировать connect()()
от самого класса?
Спасибо.
class Logo
на что-то вродеclass BaseLogo
, чтобы вам не приходилось запутанно менять местами имена в конце наexport ... as
? - person Jordan Running   schedule 21.07.2017logo1
), который является классом, подключенным к Redux, иButton
, который представляет собой простой React.Component без подключения к Redux. Если вам не нужен компонент, подключенный к Redux, импортируйте Button вместо Logo. - person Jordan Running   schedule 21.07.2017connect
) - person Quoc-Hao Tran   schedule 21.07.2017