zent/src/design/components/config/ConfigPreview.js

一套前端设计语言和基于React的实现

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

export default class ConfigPreview extends (PureComponent || Component) {
  static propTypes = {
    value: PropTypes.object,

    // 用来和 Design 交互
    design: PropTypes.object,

    prefix: PropTypes.string
  };

  render() {
    const { value, prefix } = this.props;

    return (
      <div className={`${prefix}-design-component-config-preview`}>
        <div className={`${prefix}-design-component-config-preview__title`}>
          {value.title}
        </div>
      </div>
    );
  }
}