小编lpa*_*pan的帖子

我想将 React App 作为 React 组件分发。目前它使用 Redux 来管理它的状态。如果最终用户也使用 Redux 来管理状态，则会出现嵌套的 Providers。这会是一个问题还是我应该像丹在这里建议的那样将商店作为道具传递？我个人不喜欢第二种方式。

非常感谢

我有一个定义如下的自定义material-ui组件。

import React, { PropTypes } from 'react';
import Paper from 'material-ui/lib/paper';

function PaperBox (props) {
  return (
    <Paper className={props.layout}>
      <div className="row center-xs">
        <p>{props.box.title}</p>
      </div>
      <div className="row center-xs">
        <p className="col-xs-10">
          {props.box.text}
        </p>
      </div>
    </Paper>
  );
}

PaperBox.propTypes = {
  box: PropTypes.shape({
    title: PropTypes.string.isRequired,
    text: PropTypes.any.isRequired
  }).isRequired,

  layout: PropTypes.string.isRequired
};

export default PaperBox;

在另一个文件中，我有一个父组件，该组件将文本对象的数组映射到上述组件，如下所示

import React from 'react';
import PaperBox from '../shared/PaperBox/PaperBox';

const layout = 'col-md-3 col-xs-8';

function DetailContent (props) {
  return (
    <div className="row around-xs">
      {props.boxes.map(box => <PaperBox key={box.title} box={box} …