Question

我试图在没有JSX的情况下重新创建这个示例：

http://react-bootstrap.github.io/components.html#popovers-overlay-trigger

特别是，这条线让我头疼：

(host="host", user="user", passwd="pass", db="mydb", charset='utf8')

和我的（更详细）版本：

 <OverlayTrigger trigger='click' placement='left' overlay={<Popover title='Popover left'><strong>Holy guacamole!</strong> Check this info.</Popover>}>
      <Button bsStyle='default'>Holy guacamole!</Button>
 </OverlayTrigger>

关键字＆＃34; overlay＆＃34;让我困惑，因为我不清楚如何重写它。我还不清楚如何将mountNode正确附加到父div元素，＆＃34;＃some_id＆＃34;。 document.getElementbyId（）不起作用。

这是我在运行上述内容时收到的错误消息：

React.createElement("div", {id:"some_id"},
    React.createElement(ReactBootstrap.OverlayTrigger, {container:"#some_id" , trigger:'click', placement:'left', overlay:
        React.createElement(ReactBootstrap.Popover, {'title':'Popover left'},
            React.createElement("strong", {}, "Check this info.")
        )
    })
)

Answer 1

我认为你有一个拼写错误，它应该是`document.getElementById（）'，你在方法名称中将“B”作为“b”。

Answer 2

每当您遇到任何疑问时，我建议您使用在线转发器查看编译后的外观。

查看here。

PS：请注意，如果你不喜欢JSX，因为它混合了JS和HTML，我建议你使用ReactTemplates。

在没有JSX的React中使用Bootstrap Popovers

2 个答案: