Как разрешить в полях ввода только английские буквы?

Я бы попробовал эту функцию onChange:

onChange={(e) => {
  let value = e.target.value

  value = value.replace(/[^A-Za-z]/ig, '')

  this.setState({
    value,
  })
}}

См. codepen: https://codepen.io/bozdoz/pen/vzJgQB.

Идея состоит в том, чтобы заменить ваш сопоставитель регулярных выражений на ^ и заменить все символы не-A-z на ''.

Вы можете использовать атрибут шаблона в своем вводе.

    <input pattern = “[A-Za-z]”>

Это должно помочь, все символы, кроме ascii 0-127, которые являются английскими символами, должны быть исключены, от o до 127 также дает вам пробел, +, -, / и знаки препинания, которые полезны, если вам нужны только буквы, тогда [^Az] должно помочь, если вам нужны символы без пробелов, тогда [^Az\s] должно работать:

document.getElementById('english').addEventListener('input', function(){
  this.value = this.value.replace(/[^\x00-\x7F]+/ig, '');
});

Способ реагирования:

class InputEnglish extends React.Component {
  constructor(){
    super();
    this.state = {value: ''};
    this.onChange = this.onChange.bind(this);
  }
  onChange(e) {
    let val = e.target.value.replace(/[^\x00-\x7F]/ig, '');
    this.setState(state => ({ value: val }));
  }
  render() {
    return (<input 
        value={this.state.value}
        onChange={this.onChange}
    />);
  }
}

https://codepen.io/anon/pen/QVMgrd

Вы можете использовать регулярное выражение /[A-Za-z]/ и обработчик событий input, который запускается каждый раз при изменении значения элемента. Что-то вроде ниже:

const regex = /[A-Za-z]/;
function validate(e) {
  const chars = e.target.value.split('');
  const char = chars.pop();
  if (!regex.test(char)) {
    e.target.value = chars.join('');
    console.log(`${char} is not a valid character.`);
  }
}
document.querySelector('#myInput').addEventListener('input', validate);

<label for="myInput">Type some text:</label>
<input id="myInput" type="text" />