Блог

JSBin: https://jsbin.com/qotuxofalo/edit?js , выходной

(^ использует класс ES6, поэтому, пожалуйста, используйте последнюю версию браузера для тестирования)

Если я закомментирую второе input , форма отправит, но не отправит более 1 input .

Чего мне не хватает?

Вам нужно добавить input тип submit , чтобы заставить форму работать. Проверьте следующие примеры. Добавление этого приведет к отправке формы при нажатии enter. Если вам не нужна эта кнопка отправки, вы можете скрыть ее с помощью css.

ДЕМОНСТРАЦИЯ:

https://jsbin.com/mafafoxoji/1/edit?js , выходной

При желании вы также можете получить доступ к тексту по мере его ввода с помощью обработчика onChange событий: https://jsbin.com/moqogag/edit?js , выходной

 class App extends React.Component {
  constructor(props) {
    super(props)
    this.handleChange = this.handleChange.bind(this)
  }
  handleChange(e) {
    console.log("CHANGING")
    console.log(e.target.value)
  }
  render() {
    return React.DOM.form({ onChange: this.handleChange, action: "" }, [
      React.DOM.input({ type: "text" }),
      React.DOM.input({ type: "text" })
    ])
  }
}



ReactDOM.render(
  React.createElement(App),
  document.getElementById("app")
)