时间戳

首页 > 解决方案 > 如何使用 jQuery 更改 React 文本输入的值？

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

问题描述

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

如果我通过 Chrome 开发者控制台执行上面的代码，它就可以工作。但如果我通过自定义 Chrome 扩展程序执行它，它实际上什么也没做。

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

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

我正在尝试在产品重新入库时自动购买该产品。这就是为什么我需要自动输入我的信用卡号码。

标签： jqueryreactjsdom

解决方案

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

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

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

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

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

推荐阅读