我将如何实现不使用 es6 的 react-wavesurfer 实例

How would I got about implementing an instance of react-wavesurfer not using es6?

本文关键字：es6 实例 react-wavesurfer 何实现 实现      更新时间：2023-09-26

我不熟悉 es6，想在我的项目中使用 react-wavesurfer。 文档在这里： https://github.com/mspae/react-wavesurfer 但是示例使用是在 es6 中，我不确定如何在更多的香草 js 中做到这一点。IE var WaveSurfer = React.createClass etc...关于如何将它嵌入我的 Rails 项目的任何帮助将不胜感激！！

我整理了一个如何做到这一点的例子：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

相关文章：