ReactJS刷卡

Question

分叉并跟随这个啧啧： https://github.com/alexandre-garrec/react-swipe-card/tree/master/src

但他是如何得到他的行为的呢？另外我想为ES6重构这个，但我不知道import { storiesOf, action } from '@kadira/storybook';中的内容请帮助。

教程看起来很简单如下：

import Cards, { Card } from 'react-swipe-card'


const data = ['Alexandre', 'Thomas', 'Lucien']

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

但有些事情没有得到答复：={action('end')} - 这些actions是什么？它们似乎来自此处：react-swipe-card/.storybook/config.js - 但此文件本身引用：require('../stories/index.js');并且在index.js https://github.com/alexandre-garrec/react-swipe-card/blob/master/stories/index.js中它再次引用：import { storiesOf, action } from '@kadira/storybook'; ...因此有点混乱。任何人都可以使用ES6进行此项工作吗？我想我只需要知道如何使action工作或创建具有类似功能的类似操作。