Skip to content

Instantly share code, notes, and snippets.

@raullucero
Created January 25, 2017 21:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save raullucero/25c30563f2857747b4980327137f330b to your computer and use it in GitHub Desktop.
Save raullucero/25c30563f2857747b4980327137f330b to your computer and use it in GitHub Desktop.
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import Dropdown from './dropdown';
class App extends Component {
constructor(props) {
super(props);
this.state = { datePickerActive: false };
}
clickDropdown() {
this.setState({ datePickerActive: !this.state.datePickerActive });
}
render() {
return (
<div className="App">
<div className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<h2>Welcome to React</h2>
</div>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<button onClick={this.clickDropdown.bind(this)}>Dropdown</button>
{this.state.datePickerActive && (
<Dropdown/>
)}
</div>
);
}
}
export default App;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment