Question

我了解了连接组件和未连接组件之间的区别，但是以这种方式分离所有组件的效用是什么？所有连接的组件都依赖于未连接的组件，反之亦然，因此我没有看到为什么这种模式存在。

已连接的组件

import { connect } from 'react-redux';

import PrivacyPolicyUI from './PrivacyPolicyUI';

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

const mapDispatchToProps = (dispatch) => {
    return { };
};

const PrivacyPolicy = connect(
    mapStateToProps,
    mapDispatchToProps
)(PrivacyPolicyUI);

export default PrivacyPolicy;

未连接的组件

import React from 'react';

const PrivacyPolicyUI = () => (
    <div> ** some content ** </div>

);
export default PrivacyPolicyUI;

Answer 1

我一般不同意把＆＃34;普通＆＃34;组件及其在单独文件中的连接。大多数情况下，组件与其连接之间存在1：1的对应关系（即mapState和connect的调用仅用于一个组件，并且该组件仅用于致电connect）。

我有一个已保存的聊天记录where I describe why I think separate "containers" / "components" folders are not a good idea。我也只是wrote some additional comments on Reddit about structuring component connections。

为什么这个React组件分成两部分？

1 个答案: