Javascript React JSX中的自定义HTML元素标记

我们正在使用一个使用自定义元素的组件库。这要求我们在JSX中使用自定义HTML标记。举一个非常简单的例子：

var App = React.createClass({
   render: function() {
       return <niner/>;
   }
});

React.render(
        <App/>,
        document.getElementById('content')
);

---

我需要做些巫术才能让它工作吗？谢谢。

你得做些类似的事情

所以

var-App=React.createClass({
render:function（）{
返回；
}
});

您不需要做任何事情。我刚试过这个

var ComponentExample = React.createClass({
    render: function() {
      return (
          <niner>This is a niner element</niner>
      )
    }
});


React.render(<ComponentExample/>, mountNode);

var ComponentExample=React.createClass({
render:function（）{
返回(
这是一个9元素
)
}
});
React.render（，mountNode）；

所以不，你不需要任何魔法就能让它工作。也许是你打包的方式有问题

---

希望有帮助：）

谢谢@zackify。我当然希望不会，但我很感激你的回应！这是你唯一能做的。谢谢雷蒙。他们最近增加了对这一功能的支持，因此不再需要巫术（正如您所注意到的）。这是否总是安全使用的？

var ComponentExample = React.createClass({
    render: function() {
      return (
          <niner>This is a niner element</niner>
      )
    }
});


React.render(<ComponentExample/>, mountNode);