基于react构建的(web建站)页面设计器？

UI组件库由react编写，想实现一个web建站的应用（基于模板页的形式）：

1，页面模板采用jsx，怎么定义这个模板页的属性集合（加载模板页后，可以对这个页面的元素进行编辑，这个元素的属性又是以什么样的方式展示？text? select?）呢？如（真实场景下，模板页一般较复杂，有state处理）：

import React from 'react';
import ReactDOM from 'react-dom';

class Demo extends React.Component {
  render() {
    return (
      <div>
        <h1>Template Demo.</h1>
      </div>
    )
  }
}

ReactDOM.render(<Demo/>, document.body);

虽然以前做过web建站这块，但现在感觉逻辑走不通，求思路，求指点，谢谢！！！

---

可以使用JSON作为中间描述语言 设计生成JSON JSON再被解析成React层级结构｀

---

没明白你问题的意思。是需要复杂的展示效果，还是？ 这里有一些基本的 React 组件 http://imiao.in, 希望能给你点思路。