how to render promises in React

render-promise-in-react.js

//License CC0 1.0: https://creativecommons.org/publicdomain/zero/1.0/

class Deferred extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            value: ''
        };
    }
    componentDidMount() {
        this.props.promise.then(value => {
            this.setState({value});
        });
    }
    render() {
        const then = this.props.then || (value => <span>{value}</span>);
        return then(this.state.value);
    }
}
//...
// example
<Deferred promise={somePromise} then={v => <b>{v}</b>} />

Interesting prospect. This could be useful for container components that then populate child markup with fetched data.

Bro u are the best

thanks :)