arunkx Ответов: 0

Как отобразить всплывающую подсказку, если в моем компоненте textinput - reactjs es5 введена цифра?

Мой компонент textinput приведен ниже:

    const React = require('react')
   module.exports = (props) =>
   {

  return (
    <div>

    <input
      id={props.id}
      type="text"
      title={props.placeholder}
      onBlur={e => props.onBlur(props.fieldName, e.target.value)}
      style={props.style}
      tabIndex={props.tabIndex}
      onKeyPress={(e) => fourthMethod(e, props.id,props.pattern)}
    />

    </div>
  )
}



function fourthMethod(e,id,pattern) {
  if (id == "#01013") {
    console.log(id);
    const re = new RegExp(pattern);
   // const re = /[a-fA-F]+/g;
    if (!re.test(e.key)) {
      e.preventDefault();
    }
  }

  }



Мой index.js где я рендеринг компонента ввода текста приведен ниже:
const TextInputComponent = require('../../components/TextInput')
const TextInput = ({ fieldName, placeholder, style, id, tabIndex, pattern }) => {

    return (

        <TextInputComponent pattern={pattern} id={id} tabIndex={tabIndex} onBlur={fieldChanged} fieldName={fieldName}
         placeholder={placeholder} style={style} ></TextInputComponent>

    )
  }


Что я уже пробовал:

Теперь мне нужен для этого компонент ввода текста, который покажет, если я введу цифру в текстовое поле. Как я могу этого достичь

0 Ответов