Reactjs 如何将react swipe用作组件？

如何在我的ReactJS应用程序中将

react swipe

用作组件：

我可以在

react swipe

NPM页面上看到这个例子，但是当尝试下面的方法时，它不起作用：

注意：如果我使用

{React.DOM.div（null，carousel）}

而不是

，它会工作。如何使用JSX使其正常工作？我无法计算出等价的JSX

var App = React.createClass({
   render: function() {
      return (
         <div>

            <carousel />

         </div>
      );
  } 
}); 

React.renderComponent((
   <App />
), document.body);

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

我用全新的眼光和下面的博文意识到，

carousel

不是React组件，它只是JavaScript。我假设Swipe（）返回了一个ReactJS组件。这项工作：

<div>{carousel}</div>

{carousel}

这个博客帮我弄明白了这一点：

也可以这样做：

 this.carousel = (
      <Swipe continuous={false}>
        <div>
          <MyPrizesPane1 />
        </div>
        <div>
          <MyPrizeOne />
        </div>
      </Swipe>
    );

this.carousel=(
);