如何使用jQuery更改React文本输入的值？

Question

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

如果我通过Chrome开发者控制台执行上述代码，则该代码有效。但是，如果我通过自定义的Chrome扩展程序执行它，它实际上什么也没做。

$("[id=purchaseButton]").click()通过扩展名或控制台在页面上的所有按钮上起作用。那么，为什么扩展名不能更改value属性？

我已经排除了它是加载时间问题的可能性，因为无论您等待页面加载多长时间都不会影响任何内容。

我正尝试在产品退货后立即自动购买产品。因此，我需要自动输入信用卡号。

Answer 1

我不确定为什么您将jQuery与React一起使用来完成值的更新。如果您可以从组件中提供更大的代码示例，那将有所帮助。

但是，这是一个有关如何更新输入字段值的快速代码段：

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

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

[value然后将保存输入到文本字段中的当前值。