@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 ,то работает нормально.
Заранее спасибо.
  • Вопрос задан
  • 171 просмотр
Решения вопроса 1
Laiff
@Laiff
Front-end developer
Имя компонента должно начинаться с заглавной буквы
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
10 мая 2024, в 11:47
500 руб./за проект
10 мая 2024, в 11:36
30000 руб./за проект
10 мая 2024, в 11:27
1000 руб./за проект