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