Блог

Я работаю над образцом формы reactjs, в которой есть поле ввода номера, как показано ниже:

 <input type="number" name="quantity" 
  min="1" 
  step="1"
  value={this.state.userCount}
  onChange={this.handleUserCountChange}
/>
  

Как установить значение по умолчанию равным 5 для числового поля?

Вам нужно было бы установить начальное состояние userCount равным 5 проверьте документы : https://facebook.github.io/react/tutorial/tutorial.html#an-interactive-component

в вашем конструкторе вы можете установить состояние.

 constructor(props) {
  super(props);
  this.state = {
    userCount: 5
  };
}  
  

Вы установили значение этого числового ввода в состояние компонента:

this.state.UserCount

При первоначальном отображении этой формы она заполнит входные данные значением, хранящимся в this.state.UserCount .

Как упоминалось в других постерах, вам просто нужно установить начальное состояние:

Синтаксис React createClass:

 var TestForm = React.createClass({
  getInitialState() {
    return {
      userCount: 5
    };
  },
});
  

Синтаксис классов ES6 / ES2015:

 class TestForm extends React.Component {
 constructor(props) {
   super(props);
   this.state = {
    userCount: 5
   };
 }
}