我要在这里回答给予你更多的细节：假设您的元件如下所示：
关于我们：

import React, { Component } from "react";
import PropTypes from "prop-types";

export class AboutUs extends Component {
   componentDidMount() {
    const { fetchData } = this.props;
    fetchData();
   }

   render() {
    const { data, loading, error } = this.props;
    if (loading) return <p>Loading</p>;
    if (error) return <p>{error}</p>;
    return (
      // whatever you want to do with the data prop that comes from the fetch.
    )
   }
}

AboutUs.defaultProps = {
 error: null,
};

// Here you declare what is needed for your component to work.
AboutUs.propTypes = {
 error: PropTypes.string,
 data: PropTypes.shape({
  id: PropTypes.number,
  name: PropTypes.string,
 }),
 fetchData: PropTypes.func.isRequired,
 loading: PropTypes.bool.isRequired,
};

这个组件只需要一些道具就可以工作，fetchData函数将是任何redux操作的调度。
因此，在其中一个将要使用组件库的应用程序中，假设它们有自己的存储，您可以这样做。
在您计划使用AboutUs组件的组件中。

import React from "react";    
import { connect } from "react-redux";
import { bindActionCreators } from "redux";
// this is the action that performs the data fetching flow.
import { fetchAboutUs } from "redux-modules/aboutUs/actions";
// The component that is above
import { AboutUs } from "your-component-library";

const mapDispatchToProps = dispatch => {
 return bindActionCreators(
  {
   fetchData: fetchDashboard,
  },
  dispatch
 );
};

const mapStateToProps = state => ({
 loading: state.aboutUsReducer.loading,
 error: state.aboutUsReducer.error,
 data: state.aboutUsReducer.data,
});

const ReduxAboutUs = connect(
 mapStateToProps,
 mapDispatchToProps
)(AboutUs);

// Use your connected redux component in the app.
const SampleComponent = () => {
 return <ReduxAboutUs />
}

这确保了你的组件可以在没有redux的情况下开箱即用，因为你可以显式地使用它而不需要redux依赖，只要传递常规的props，它就可以继续工作。同样，如果你有不同的应用程序要使用它，你可以控制你想使用存储的哪一部分来为这个组件注入props。proptype在这里非常有用，因为我们强制使用了一些道具，以便让开发人员知道我们需要传递什么，以便组件能够正常工作。