Javascript 未捕获的语法错误：意外标记<；反应

我正在做一个react项目，并试图用react引导显示一个对话框。我刚刚在js文件中复制了一个可用的react引导代码段，但它对我不起作用，我有

未捕获的语法错误：意外标记您在
render
中使用的代码是JSX，到目前为止，浏览器不理解JSX。因此，我们需要
Transpiler
将它们转换为纯JavaScript

您需要有一个构建过程，将jsx代码
传输到javascript中，然后将
传输的
js加载到HTML中

但是，如果您只是想快速地使用react，而不需要设置构建过程，那么您可以每次手动执行该操作，并将其粘贴到
render

React.createElement(
  'div',
  { className: 'static-modal' },
  React.createElement(
    Modal,
    { title: 'Modal title', bsStyle: 'primary', backdrop: false, animation: false, container: mountNode, onRequestHide: handleHide },
    React.createElement(
      'div',
      { className: 'modal-body' },
      'One fine body...'
    ),
    React.createElement(
      'div',
      { className: 'modal-footer' },
      React.createElement(
        Button,
        null,
        'Close'
      ),
      React.createElement(
        Button,
        { bsStyle: 'primary' },
        'Save changes'
      )
    )
  )
);

您是在将JSX语法预编译成JavaScript还是使用浏览器transpiler？不是，我只是尝试了在fiddle上使用的类似代码片段（没有
createFactory
），除非它在某个地方预编译，否则无效。带引号的字符串不会编译成JSX。好的，所以我必须使用来编译这个文件，而不是直接使用，我宁愿使用babelBabel的输出或者Facebook的JSX编译器应该可以工作。
return ("<div className='static-modal'><Modal title='Modal title' bsStyle='primary' backdrop={false} animation={false} container={mountNode} onRequestHide={handleHide}><div className='modal-body'>One fine body...</div><div className='modal-footer'><Button>Close</Button><Button bsStyle='primary'>Save changes</Button></div></Modal></div>");

Uncaught Error: Invariant Violation: ReactCompositeComponent.render(): A valid ReactComponent must be returned. You may have returned undefined, an array or some other invalid object

React.createElement(
  'div',
  { className: 'static-modal' },
  React.createElement(
    Modal,
    { title: 'Modal title', bsStyle: 'primary', backdrop: false, animation: false, container: mountNode, onRequestHide: handleHide },
    React.createElement(
      'div',
      { className: 'modal-body' },
      'One fine body...'
    ),
    React.createElement(
      'div',
      { className: 'modal-footer' },
      React.createElement(
        Button,
        null,
        'Close'
      ),
      React.createElement(
        Button,
        { bsStyle: 'primary' },
        'Save changes'
      )
    )
  )
);