react.js用javascript改变输入值

我想用javascript / jquery更改值，但是当我点击提交时，使用旧的初始值而不是我的新值。

我无法更改反应代码，我只能使用javascript / jquery更改值，如下所示。

var value = "randomIntValue"; $("input[data-reactid='.0.2.0.0.0.0.0.2.0.0.3.0.3.0.0']").val(value).change(); 

上面的代码不起作用！

Answer 1

根据我从上面的评论中收集的内容，您遇到的问题是您正在尝试通过jQuery更改React控制的组件。

这是不可能的，因为您无法直接从视图更新React状态。 当您运行jQuery代码时，更改仅暂时应用于DOM，但React不知道这一点。 因此，当React需要重新渲染视图时，DOM中的旧值将被覆盖。

此外，通过data-reactid访问组件是一种糟糕的方法，因为如果对React virtual-DOM进行任何更改，则该值可能会更改。

在尝试应用DOM更改时，使用React和jQuery通常是一个坏主意。 如果您无法访问/更改任何React代码，我担心您运气不好。