小编Ada*_*m L的帖子

在内部.map中反应onClick然后更改另一个兄弟组件中的数据

1日有反应,我没有看到一个办法让<按钮>的onClick = {} this.props.handleClickPlay>播放</按钮>播放音频.如果我在{audioListNodes}下移动它按钮工作正常.我想让每个链接最终播放一个单独的音频文件,但是现在只是播放同一个文件是一个胜利,但将事件处理程序移动到列表中会将其杀死.我假设它是因为这不再引用AudioList而是var数据?一旦我按下按钮,我如何识别单击哪个按钮并更改AudioObject源?

    var data = [
    {voice: "Drew", file:"Drew.mp3", volume: 90},
    {voice: "Chris", file:"Chris.mp3", volume: 85},
    {voice: "Patrick", file:"Patrick.mp3", volume: 85},
    {voice: "Everett", file:"Everett.mp3", volume: 60},
    ];

    var AudioList = React.createClass({
      render: function() {
        var audioListNodes = this.props.data.map(function(el, index) {
          return (
            <div author={el.voice}>
              {el.file}
                <button onClick={this.props.handleClickPlay}>Play</button>
            </div>
          );
        });  
        return (
          <div className="audioList">
            {audioListNodes}
          </div>
        );
      }
    });
    var AudioObject = React.createClass({
        play: function () {
            var audio = this.getDOMNode();
            audio.load();
            audio.play();
        },
        render: function() {
            return …
Run Code Online (Sandbox Code Playgroud)

reactjs

5
推荐指数
1
解决办法
2万
查看次数

如何使用 Gulp 解压缩同一文件夹中的多个文件

我想解压缩单个文件夹中的多个 zip 文件。每个解压后的文件都将解压到与原始 zip 文件同名的文件夹中,并作为子文件夹添加到包含原始 zip 文件的原始文件夹中。

像这样的东西:

parent(folder)
-a.zip
-b.zip
-c.zip
Run Code Online (Sandbox Code Playgroud)

会成为:

parent(folder)
-a(folder)
--a.zip contents here
-b(folder)
--b.zip contents here
-c(folder)
--c.zip contents here
Run Code Online (Sandbox Code Playgroud)

我相信到目前为止我拥有的代码是一个不错的尝试,但似乎它在管道中异步执行(我显然不是 Gulp 专家)。正在查看所有 zip 文件,但似乎只有最后一个文件获得了所有内容,然后还有一些来自其他 zip 文件。使用文件夹中的一个 zip 文件运行它,它运行良好。

var zipsPath = 'src/';
var currentZipFileName;
function getZips(dir) {
    return fs.readdirSync(dir)
        .filter(function (file) {
            return file.indexOf(".zip") > 0;
        });
}
gulp.task('init', function (done) {
    var zips = getZips(zipsPath);

    var tasks = zips.map(function (zip) {
        console.log("zip", zip, path.join(zipsPath, zip));
        return gulp.src(path.join(zipsPath, zip), {
            base: '.'
        }) …
Run Code Online (Sandbox Code Playgroud)

gulp

5
推荐指数
1
解决办法
238
查看次数

Angular-Fontawesome + FaIconLibrary + Angular + Storybook.js = :(

只是想将 angular-fontawesome 与 Storybook.js 作为库(FaIconLibrary)一起使用。在以下文档中https://github.com/FortAwesome/angular-fontawesome/blob/master/docs/usage/icon-library.md#using-the-icon-library我要向构造函数添加一个属性。仅在 Storybook.js 文件 (index.stories.ts) 中,我看不到向构造函数添加任何内容的方法,因为它不存在。有人解决这个问题或者有好的解决办法吗?谢谢

font-awesome angular storybook angular-fontawesome

3
推荐指数
1
解决办法
2493
查看次数