Почему не получается экспортировать компонент?

Question

[hateyyyy]

Здравствуйте,есть такая проблема.
есть файл app.jsx

import React, { Component } from 'react'
import enterForm from './formi.jsx'
import ReactDOM from 'react-dom'

ReactDOM.render(
  <enterForm />,
  document.getElementById('formi')
)

И есть компонент formi.jsx

import React, { Component, PropTypes } from 'react'

export default class enterForm extends Component {
  render() {
    return (
      <div>
        <label>Логин</label>
        <input type='text' ref='login' />
        <label>Пароль</label>
        <input type='text' ref='pass' />
        <button onClick={e => this.handleClick(e)}>
          Add
        </button>
      </div>
    )
  }

  handleClick(e) {
    alert('tyty');
  }
}

Запускаю и ничего на странице нету.
Но если объявить компонент в app.jsx ,то работает нормально.
Заранее спасибо.

Comments

[lemme]

А в консоле то что?

[hateyyyy]

lemme: Ничего,devtools предлагает пользоваться только)

Answer 1

[Андрей Антропов]

Имя компонента должно начинаться с заглавной буквы

Comments

[hateyyyy]

Вот это поворот.Большое спасибо)