React ajax test

by Financial Modeling Prep

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('https://financialmodelingprep.com/api/v3/search?query=${query}&limit=10&exchange=NASDAQ&apikey=demo')
    .then((res) => {    	
    	console.log(res)
    })
  }
  
  render() {
  	return <TextShower text={this.state.data} />
  }
}

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