Question

使用REACTjs我可以创建表单输入字段，如下所示：

React.render(
  React.createElement('input', null, 'Hello, text input'),
  document.getElementById('example')
);

React.render(
  React.createElement('textarea', null, 'Hello, textarea'),
  document.getElementById('example')
);

我想要的输入字段需要类似于：

 <input autofocus type="text" name="name" placeholder="John Doe" required>

或

 <input type="url" name="website" pattern="(http|https)://.+" required>

如何设置autofocus，type，palceholder＆amp; required使用React.createElement();？

我是否使用props对象？

Answer 1

以下是我使用的代码

的示例

JSX

<button type="submit" className="postfix" disabled={this.isDisabled()}>Automate</button>

没有JSX

React.createElement('button', {
    type: 'submit',
    className: 'postfix',
    disabled: this.isDisabled()
}, 'Automate')

您只需使用属性对象，它是React.createElement（）;

的第二个参数

有关支持的属性的更多信息：https://facebook.github.io/react/docs/tags-and-attributes.html

Answer 2

是的，createElement使用(supported) attributes的第二个props参数。

所以你可以写：

React.createElement('input', { placeholder: 'Enter a url', type: 'url', autoFocus: true }, 'default_url');

Facebook React.js ::如何创建表单输入字段和设置类型，自动对焦，所需等

2 个答案: