reactjs - Rx fromPromise 无法将 then 识别为函数？

Question

我正在尝试在 react 组件中使用 rx-lite 。我正在传递 Rx.Observable.fromPromise 一个 axios http 请求。 axios 返回一个 promise，因此它应该找到 .then。这是我的组件。

export default class Home extends Component {
    constructor(props) {
        super(props);
        this.state = {
            results: []
        }
        this.handleOnBlur = this.handleOnBlur.bind(this);
        this.handleOnBlurDebounced = this.handleOnBlur.debounce(250, false);
        this.getResults = this.getResults.bind(this);
    }

    componentDidMount() {
        this.subscription = Rx.Observable.fromPromise(this.getResults)          
            .map(res => this.setState({
                results: res.data.return
            }));
    }

    componentWillUnmount() {
        this.subscription.dispose();
    }

    getResults() {
        return axios.get('/results');
    }

    handleOnBlur() {
        this.subscription.forEach();
    }

    render() {
      ...
    }
}

在我的 componentDidMount 中，我调用 this.getResults。我收到此错误。

Uncaught TypeError: this._p.then is not a function

如果我使用this.getResults()，它确实会进行调用，但不会延迟。我需要更改什么才能使其正常工作？

Answer 1

In my componentDidMount, I call this.getResults

不，如果您不使用 this.getResults()，则您没有调用它。 fromPromise接受一个 promise ，而不是您传递的 promise 返回函数。