How to store react app in state?

See more:

Python

JSON

React

I need to create a react app that has a NavBar component, contains a few links, and a Login component, which has two input elements and a button. When a user types in the inputs, their contents should be stored in state. When the user clicks the button, the page should show 'true' if both inputs are longer than 2 characters, and otherwise, it should show 'false'.

How do I write this to make record the information in State?

What I have tried:

class Counter extends React.Component {
  state = {
    current: 0
  }

  constructor() {
    super(arguments...);
    this.intervalId = null;
  }

  updateCounter() {
    this.setState({ counter: this.state.current + 1 });
  }

  componentWillMount() {
    this.setState({ counter: this.props.from || 0 });
    this.intervalId = setInterval(this.updateCounter.bind(this), 1000);
  }

  componentWillUnmount() {
    clearInterval(this.intervalId);
  }

  render() {
    return <span>{ this.state.current }</span>;
  }
}