Question

如何在我的ReactJS应用中使用react-swipe作为组件： https://www.npmjs.org/package/react-swipe

我可以从react-swipe NPM页面开始使用该示例，但是当尝试类似下面的内容时，它无法正常工作：

注意：如果我使用{React.DOM.div(null, carousel)}代替<carousel />则可行。如何使用JSX实现此功能？我无法弄清楚等效的JSX。

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

            <carousel />

         </div>
      );
  } 
}); 

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

Answer 1

凭借新鲜的眼睛和下面的博文，我意识到carousel不是React组件，它只是JavaScript。我假设Swipe（）返回了一个ReactJS组件。这有效：

<div>{carousel}</div>

这个博客帮助我解决了这个问题： https://www.packtpub.com/books/content/using-reactjs-without-jsx

也可以这样做：

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

如何使用react-swipe作为组件？

1 个答案: