如何实现不使用es6的react-waveurfer实例?

时间:2016-03-21 23:13:11

标签: javascript ruby-on-rails audio reactjs ecmascript-6

我不熟悉es6,并希望在我的项目中使用react-wavesurfer。文档在这里:https://github.com/mspae/react-wavesurfer但是示例用法是在es6中,我不确定如何在更多的vanilla js中执行此操作。 IE var WaveSurfer = React.createClass等...如何将这个嵌入我的rails项目的任何帮助将不胜感激!!

1 个答案:

答案 0 :(得分:1)

我已经汇总了一个如何执行此操作的示例:http://codepen.io/mspae/pen/XdaRZL

(点击右上方的Settings按钮,然后点击JavaScript,查看我包含的javascript文件。如果您没有使用模块加载程序,则顺序非常重要。

请注意,在大多数React示例中 - 除了基本的es6转换(带来了许多基本语言功能)之外 - 还有JSX转换(将html样式标记转换为对React.createElement(...的调用)。随着目前的转发 - babel - 支持这两者几乎总是一起完成,但这两件事情是独立的。

对于es6 class MyComponent extends React.Component语法与es5(读取:非转换javascript)React.createClass({... API之间的差异,本文内容非常丰富:https://toddmotto.com/react-create-class-versus-component/

有关如何在没有JSX的情况下使用React的信息,我推荐这篇文章:https://www.packtpub.com/books/content/using-reactjs-without-jsx