Question

我有以下容器组件

import { connect } from 'react-redux';
import LoginStatus from './LoginStatus';

const mapStateToProps = (state) => ({
    displayName: state.displayName
});

// filterTodo => filterTodo !== todo

const LoginStatusContainer = connect(
    mapStateToProps
)(LoginStatus);

export default LoginStatusContainer;

我想为这个组件（容器组件）提供一个render方法，并将一些参数传递给LoginStatus组件。我也想在不使用Classes的情况下执行此操作（扩展React.Component）。这是可能的，还是我必须在这里包括一个课程？

Answer 1

您的容器组件绝对可以是stateless component：

const LoginStatusContainer = (props) => {
  return (
    <LoginStatus
      myPprop={true}
      otherProp={"foo"}
    />
  );
};

export default connect(mapStateToProps)(LoginStatusContainer);

redux容器组件没有类

1 个答案: