reactjs - 在ReactJS中使用createElement时如何写入data-remote ="true"?

标签 reactjs

我正在使用 ReactJSX 中的 createElement() 创建表单。

我的代码如下所示:

var form = document.createElement('form');

form.id = "new_message_form";
form.method = 'post';
form.className = 'chat_input';

我想以这种形式使用data-remote="true"(应该是这样的:

form.data-remote="true";

有人可以建议如何做到这一点吗?

最佳答案

因为 html 表单中没有像 data-remoteremote 这样的标准属性,所以它只是与 Rails 特定相关的自定义属性。

有关 data-* 属性的文档:https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes

因此,要设置该属性,您需要显式设置该属性:

form.setAttribute("data-remote", "true");

关于reactjs - 在ReactJS中使用createElement时如何写入data-remote ="true"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47021468/

相关文章:

ReactJS:Stripe Google 和 Apple Pay

reactjs - 如何更改 Material-UI 自动完成列表的样式?

node.js - Next JS 自定义服务器 app.render 不将查询传递给组件

reactjs - formik 表单验证不起作用 reactjs

reactjs - 类型错误 : Cannot read property 'webpackJsonp' of undefined

reactjs - React select 没有选择选项

javascript - 为什么将 window.location.hostname 传递给此条件语句会导致跨源错误?

node.js - 什么是应用程序启动文件以及使用 react 应用程序时应该加载什么?

reactjs - 是否可以在 Ant Design 中禁用空表的表头?

javascript - React ES6 SystemJS - 未捕获( promise )错误 : Unexpected token <(…)