在React中，在容器中访问状态的更好方法是什么?

Question

我已经看到有两种方法可以在容器中访问React中的商店。第一种方法是直接访问属性。

const mapStateToProps = state => {
    return {
        selectedUser: state.profile.selectedUser,
        trainerBioInfo: state.profile.trainerBioInfo
    };
};

第二种方法是访问还原器，在屏幕中，我们从还原器中获得了想要的东西。

const mapStateToProps = state => {
    return {
        profile: state.profile,
        trainer: state.trainer
    };
};

最好使用哪种方法？

Answer 1

在我看来，第一种方法更有意义，因为每个钥匙值对包含适当的信息。

以第二种方式相同，因此毫无意义。您不妨返回以下

const mapStateToProps = state => {
    return {
       state
    };
};

您会知道何时可以优化代码，因为JSX将具有{this.props.state.state.profile.selecteduser.name.name}之类的东西。

Answer 2

第二种方法将为您提供一些异常行为，因为变量的分配是不合适的。

因此，第一种方法是正确的，可以像以下那样修改：

const mapStateToProps = { profile } => {
    return {
        selectedUser: profile.selectedUser,
        trainerBioInfo: profile.trainerBioInfo,
    };
};

Answer 3

我实际上更改了第二种方法。我错误地以错误的方式发布了它。因此，在这两个中，第一个方法是更好的方法？