使用带有 html 模板的反应 [关闭]

Posted

技术标签:

【中文标题】使用带有 html 模板的反应 [关闭]【英文标题】:Using react with a html template [closed] 【发布时间】:2016-07-22 10:25:50 【问题描述】:

我买了一个关于主题森林的 html 模板。我想用它做出反应。如何使用此模板实施反应?我可以通过 Angular 轻松做到这一点,但我想学习 React。

【问题讨论】:

所以学习 React(与使用 Angular 的方法相同,但使用 React 教程)并实现它。要求教程推荐的问题是题外话,很可能注定要结束 【参考方案1】:

您必须将您的模板切割成组件并将class 属性替换为className

var MyComponent = React.createClass(
  render: function() 
    return (
      <div className="my-class">
        Hello, world!
      </div>
    );
  
);

ReactDOM.render(
  <MyComponent />,
  document.getElementById('content')
);

看看官方tutorial 但我强烈建议您先阅读文档,然后再针对您不理解的内容提出具体问题。

【讨论】:

以上是关于使用带有 html 模板的反应 [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

没有模板的 vuejs 反应性

带有 v-for 的 Vue 内联模板 - 未定义

获取带有静态 html 内容的 wordpress 页面模板以在搜索中显示

Java HTML Builder(反模板)库? [关闭]

在带有刀片模板的表单中使用 laravelcollective/html 时防止转义单引号

在 Django 模板中的 JSON 中安全地使用带有 html 的 JSON