React Header component for oneref-todomvc

Header.react.js

/**
 * Header.react.js -- React component for TodoMVC Header UI
 */
import React from 'react';
import TodoTextInput from './TodoTextInput.react';
import * as TodoActions from '../todoActions';

export default class Header extends React.Component {
  render() {
    return (
      <header id="header">
        <h1>todos</h1>
        <TodoTextInput
          id="new-todo"
          placeholder="What needs to be done?"
          onSave={(text) => this._onSave(text)}
        />
      </header>
    );
  }

  _onSave(text) {
    if (text.trim()){
      TodoActions.create(text,this.props.stateRefUpdater);
    }
  }
}