小编daz*_*ous的帖子

Redux-Thunk - 异步动作创建者承诺并且链接不起作用

我正在尝试发送一个动作.我找到了一些行动的例子,但没有我的那么复杂.

你能给我一个暗示吗?我究竟做错了什么?

我正在使用TypeScript,并且最近删除了所有类型并尽可能地简化了我的代码.

我正在使用redux-thunk和redux-promise,如下所示:

import { save } from 'redux-localstorage-simple';
import thunkMiddleware from 'redux-thunk';
import promiseMiddleware from 'redux-promise';

const middlewares = [
        save(),
        thunkMiddleware,
        promiseMiddleware,
    ];
const store = createStore(
        rootReducer(appReducer),
        initialState,
        compose(
            applyMiddleware(...middlewares),
            window['__REDUX_DEVTOOLS_EXTENSION__'] ? window['__REDUX_DEVTOOLS_EXTENSION__']() : f => f,
        ),
    );
Run Code Online (Sandbox Code Playgroud)

组件 - Foo组件:

import actionFoo from 'js/actions/actionFoo';
import React, { Component } from 'react';
import { connect } from 'react-redux';

class Foo {
    constructor(props) {
        super(props);
        this._handleSubmit = this._handleSubmit.bind(this);
    }
    _handleSubmit(e) {
        e.preventDefault();
        this.props.doActionFoo().then(() => {
            // …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs redux redux-thunk redux-promise

10
推荐指数
2
解决办法
972
查看次数

如何在使用filter_complex时使用ffmpeg修剪视频?

我正在使用带有ffmpeg的complex_filter来连接多个视频文件.

ffmpeg -i video1.webm -i video2.webm -v debug -strict -2 -filter_complex "[0:v] [0:a:0] [1:v] [1:a:0] concat=n=2:v=1:a=1 [v] [a]" -map "[v]" -map "[a]" output.mp4
Run Code Online (Sandbox Code Playgroud)

这对我有用.但现在我想为每个输入视频选择一个开始和一个端点,这样我就可以剪切每个视频.

我已经试过了

ffmpeg -i video1.webm -ss 00:00:01.000 -t 00:00:05.658 -i video2.webm -ss 00:00:01.000 -t 00:00:05.658 -v debug -strict -2 -filter_complex "[0:v] [0:a:0] [1:v] [1:a:0] concat=n=2:v=1:a=1 [v] [a]" -map "[v]" -map "[a]" output.mp4
Run Code Online (Sandbox Code Playgroud)

但这并没有像预期的那样发挥作用.-to参数也不起作用.

是否可以使用复杂的过滤器?

video ffmpeg trim

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

Props 是 React with Typescript 中已弃用的符号

我有一个问题:我的 IDE 抱怨弃用。

我使用 react 16 和 typescript 2.5.3

给出以下代码:

import React, { Props, StatelessComponent } from 'react';
import PropTypes from 'prop-types';

interface IProps {
    id: string;
}

const Foo: StatelessComponent<IProps> = (props: IProps) => {
    props.ref = nodeRef;
    return (<div id={props.id}></div>);
};

Foo.propTypes = {
    id: PropTypes.string,
};

Foo.defaultProps = {
    id: 'bar',
};

export default Foo;
Run Code Online (Sandbox Code Playgroud)

在这一点上,我得到了 props.ref 'Property ref does not exist on Partial'

当我扩展接口 IProps 时,如下所示:

interface IProps extends Props {
    id: string;
}
Run Code Online (Sandbox Code Playgroud)

此时我的 IDE …

javascript typescript reactjs

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