Как изменить значение ввода текста React, используя jQuery?

Question

$("[id=creditCardNumber]").value = '1234 1234 1234 1234'

Приведенный выше код работает, если я выполню его через Chrome Developer Console. Но он буквально ничего не делает, если я запускаю его через пользовательское расширение Chrome.

$("[id=purchaseButton]").click() работает на всех кнопках на странице, через расширение или консоль. Так почему же расширение не может изменить свойство value?

Я исключил возможность того, что это проблема времени загрузки, потому что независимо от того, сколько времени вы ждете, пока страница загрузится, это не повлиять на что-либо.

Я пытаюсь автоматически купить товар, как только он снова появится в продаже. Вот почему мне нужно ввести номер моей кредитной карты автоматически.

Answer 1

Я не уверен, почему вы используете jQuery с React для выполнения sh обновления значения. Если бы вы могли предоставить более крупный пример кода из вашего компонента, это было бы полезно.

Но вот краткий фрагмент кода о том, как можно обновить значение поля ввода:

export const MyComponent = () => {
  const [value, setValue] = useState('');

  return (
    <input type="text" value={value} onChange={e => setValue(e.target.value} />
  )
}

value будет содержать текущее значение, введенное в текстовое поле.