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

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

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

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

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

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