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

Question

Допустим, есть код ниже, где я слушаю событие с onChangeText внутри MyTextInput класса. Я обновляю состояние в onChangeText, что означает повторный рендеринг компонента.

Когда и как часто компонент выполняет повторную визуализацию, когда пользователи вводят информацию в форму? Я спрашиваю, потому что я не верю, что хорошей практикой является повторная визуализация без необходимости, когда пользователи все еще находятся в процессе ввода информации.

export default class MyTextInput extends Component {
    this.state = { text: '' };

  render() {
    return (
      <TextInput
        style={{height: 40, borderColor: 'gray', borderWidth: 1}}
        onChangeText={(text) => this.setState({text})}
        value={this.state.text}
      />
    );
  }
}

Answer 1

Весь компонент не рендерит только текстовое поле, прочтите это для получения дополнительной информации о setState и остановке многократного рендеринга https://itnext.io/react-setstate-usage-and-gotchas-ac10b4e03d60