在Reactjs App上限制IOS中的字符输入

Question

我正在使用React 12渲染输入：

<input
  id="name-input"
  onChange={this.changeName}
  maxLength="11"
/>

比我有onChange函数：

changeName(e) {
 if (this.state.name.length>10){
   e.nativeEvent.stopImmediatePropagation();
 }
 const newName = e.target.value;
 if (newName.length <= 11) {
   this.setState({name: newName});
 }
}

工作正常，但IOS设备除外。该用户可以超过最大字符数限制，并且超过该限制的所有字符都将显示，直到所有内容都被删除。 在这里我应该怎么限制字符输入？

谢谢！