与reactJs建立接口

Question

我和reactJs非常相似，事实上我刚刚完成了this course并在这里挣扎着一些概念。

我愿意为人们创建一个应用程序，以表达他们对主题通讯的偏好，并抓住一个非常全面的主题列表（2k +），并想要一些有趣的方式来选择它们，所以我认为这是沿着Tinder可刷卡的线条将是一个完美的选择，所以我试图在我的应用程序中实现this react module功能。

但它没有出现任何东西。

我只是created a Repo，我有几次尝试没有运气。

基本上，模块文档中提供的示例说它应该从头开始

const data = ['Alexandre', 'Thomas', 'Lucien', 'Raphael', 'Donatello', 'Michelangelo', 'Leonardo']


const Wrapper = () => {
  return (
      <Cards onEnd={console.log("action('end')")} className='master-root'>
        {data.map(item => 
          <Card 
            onSwipeLeft={console.log("action('swipe left')")} 
            onSwipeRight={console.log("action('swipe right')")}>
            <h2>{item}</h2>
          </Card>
        )}
      </Cards>
  )
}

但我完全迷失了它，我认为它应该为我提供一个React组件<Something />，但它在一个函数的行中生成一些东西，返回一个div，看起来很多组件，但我没有关于如何融入这个例子的想法。

---

注意：在回购图中，我注意到还有另一个developer进行了一些调整，使其与16.xx.beta反应，我也尝试过，也没有幸运。

我几乎可以肯定，我在这里缺少一些概念，因此，任何参考都非常受欢迎。

Answer 1

我下载了你的应用程序，并注意到你的react-swipe-card文件中没有package.json模块，因此运行npm install实际上并没有安装它。

如果运行以下命令，它将安装react-swipe-card模块，并自动将其添加到package.json文件中。

npm install react-swipe-card --save

--save开关将其保存到dependencies文件的package.json部分。