如何检查用户输入是否与react中的特定正则表达式匹配？

const emailPattern = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;

const userInput = "example@example.com";
const isMatch = emailPattern.test(userInput);

if (isMatch) {
  console.log("用户输入与正则表达式匹配");
} else {
  console.log("用户输入与正则表达式不匹配");
}

class MyForm extends React.Component {
  handleInputChange(event) {
    const userInput = event.target.value;
    const isMatch = emailPattern.test(userInput);

    if (isMatch) {
      console.log("用户输入与正则表达式匹配");
    } else {
      console.log("用户输入与正则表达式不匹配");
    }
  }

  render() {
    return (
      <input type="text" onChange={this.handleInputChange} />
    );
  }
}