Как сохранить приложение react в состоянии?

---

Мне нужно создать приложение react, которое имеет компонент NavBar, содержащий несколько ссылок, и компонент Login, который имеет два элемента ввода и кнопку. Когда пользователь вводит входные данные, их содержимое должно храниться в состоянии. Когда пользователь нажимает кнопку, страница должна показывать "true", если оба ввода длиннее 2 символов, а в противном случае она должна показывать "false".

Как мне написать это, чтобы сделать запись информации в состоянии?

Что я уже пробовал:

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>;
  }
}

---