reactjs - Facebook React.js::如何创建表单输入字段并设置类型、自动对焦、必需等

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>

如何使用 React.createElement( );?

我是否使用 props 对象？

Answer 1

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

所以你可以这样写:

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