在React中将模板分离到外部文件

我正在为客户端开发一个ReactJS应用程序.我希望客户端能够自定义应用程序中的一些配置和模板.所以我创建了一个config.js文件

window.APP_CONFIG = {
    url: 'example.com',
    template: {
        item: '
            

                
A new item title
                { item.description }
            
        '       
    }
};

如何在我的反应应用程序中使用此变量？我尝试了以下但它给了我错误.

var app = React.createClass({

  render(){
     return (
       

         {APP_CONFIG.template.item}
       
     )
  }
})

有人做过类似的事吗？

你不是一个人. React Templates允许您使用react 而不必忍受内联jsx.

react-templates语法与jsx非常相似,但允许您将组件html代码放在单独的.rt文件中 - 更清晰.RT文件更好地支持循环和分支.添加奖金,您不必在"class"和"for"等保留属性名称中跳舞,还有其他优点.

来自文档:

为什么不使用JSX？

有些人喜欢JSX,有些则不喜欢.我们没有.更具体地说,在我们看来,JSX仅适用于内部HTML很少的组件.这可以通过在代码中创建DOM元素来实现.此外,我们喜欢将代码和HTML分开,因为它感觉恰到好处.

到目前为止我看到的主要问题是,onMouseDown={someJsExpr}jsx 中的属性值被神奇地引用,但是在react-templates中你必须明确地引用它们onMouseDown="{someJsExpr}",而不是魔术.我发现找到这种情况并将其转换过来并不难.