如何为react.js启动nuka carousel组件？

我正在尝试使用nuka传送带作为我将要处理的反应项目。

http://kenwheeler.github.io/nuka-carousel/#/

我是全新的反应，我无法弄清楚如何build立旋转木马。 我已经得到了一个反应项目，使用入门工具包和步骤运行，如下所述：

https://facebook.github.io/react/docs/getting-started.html

然而，在这一点上，我不知道如何启动旋转木马。 在nuka网站上，我看到了示例代码：

'use strict'; var React = require('react'); var Carousel = require('nuka-carousel'); const App = React.createClass({ mixins: [Carousel.ControllerMixin], render() { return ( <Carousel> <img src="http://placehold.it/1000x400/ffffff/c0392b/&text=slide1"/> <img src="http://placehold.it/1000x400/ffffff/c0392b/&text=slide2"/> <img src="http://placehold.it/1000x400/ffffff/c0392b/&text=slide3"/> <img src="http://placehold.it/1000x400/ffffff/c0392b/&text=slide4"/> <img src="http://placehold.it/1000x400/ffffff/c0392b/&text=slide5"/> <img src="http://placehold.it/1000x400/ffffff/c0392b/&text=slide6"/> </Carousel> ) } }); module.exports = App; 

但是，我在哪里把这个代码？ 我试图把它放入helloworld.js（启动文件，如反应入门页面所述），但会引发一个错误，需要的是未定义的。 这是否意味着我需要首先运行节点服务器，以便可以使用？ 如果是这样，我如何设置服务器，除了我已经设置的反应项目？

Answer 1

你有一个组件内置的风格，实际上到达你的页面之前需要一些编译步骤。 我查看了nuka-carousel代码库，并期望在需要的模块中使用，所以没有一种真正的快速和肮脏的方法来将其转换为不使用节点。

我会build议使用Yeoman支架为您的反应的应用程序。 熟悉不同的组件如何相互作用。 用'grunt dev'运行一个dev服务器。 然后，添加nuka-carousel库，并尝试以类似于示例的方式呈现您的上面的组件。