React - 组建Namespace

Posted on   |   In

个人觉得这个实践很好,所以单独拿出来记录一下

var Form = MyFormComponent;

var App = (
  <Form>
    <Form.Row>
      <Form.Label />
      <Form.Input />
    </Form.Row>
  </Form>
);
var MyFormComponent = React.createClass({ ... });

MyFormComponent.Row = React.createClass({ ... });
MyFormComponent.Label = React.createClass({ ... });
MyFormComponent.Input = React.createClass({ ... });

设想是这样的
一个app多个listview, 这样就可以 ListItem.People/ListItem.Games