React ajax test

by ian_smithz

HTML

<script src="https://npmcdn.com/@reactivex/[email protected]/dist/global/Rx.umd.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.1/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.1/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.12.0/axios.js"></script>
<div id='app'>
Will render into here
</div>

Babel + JSX

const TextShower = (props) => {
	if (props.text) {
  	return <div>{props.text}</div>
   }
   
   return <img src='https://s31.postimg.org/g3992fx7v/477.gif' />
}

class App extends React.Component {
	constructor(props) {
  	super(props)
    this.state = {
    	data: null
    }
  }
  
	componentDidMount() {
  	axios.get('/echo/js/?js=hello%20world!')
    .then((res) => {    	
    	setTimeout(() => {
    							this.setState({data: res.data})
                 }, 
                 2000)
    })
  }
  
  render() {
  	return <TextShower text={this.state.data} />
  }
}

ReactDOM.render(<App />, document.querySelector('#app'))