如何从通用JavaScript引用React类

时间:2015-08-06 20:40:05

标签: javascript node.js reactjs flux

我有这个index.html:

IsSessionToken = true

如何从那里调用React创建的类?我想替换<html> <head> <title>Sample App</title> <link href="./src/css/bootstrap.min.css" rel="stylesheet" /> <link href="./src/css/bootstrap.dashboard.css" rel="stylesheet"> </head> <body> <div id='root'> </div> <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script> <script type="text/javascript" src="./src/js/jquery.signalR-2.2.0.min.js"></script> <script src="http://localhost:26665/signalr/hubs"></script> <script type="text/javascript" src="/static/bundle.js"></script> <script type="text/javascript"> $(function() { var myHub = $.connection.signalRTwitchBotParserHub; myHub.client.OnNewMessage = function (data) { // Call AppActions.dispatchMessage(message); }; $.connection.hub.url = "http://localhost:26665/signalr"; $.connection.hub.start() }); </script> </body>

2 个答案:

答案 0 :(得分:1)

您可以执行以下操作。这样做是创建一个YourReactClass的实例,它将自己呈现为id为root的div的子项。它还将message作为属性传递给react实例,以便它可以使用该数据。请注意,我添加了key="rootclass"以确保每次调用此代码时,React会继续重用react类创建的DOM节点,而不是删除旧节点并添加新节点。

React.render((<YourReactClass key="rootclass" message={message} />), document.getElementById('root'));

答案 1 :(得分:0)

您可以通过添加

将React包含在页面中
<script src="https://fb.me/react-0.13.3.min.js"></script>

有关其他可包含选项(例如JSX Transformer),请参阅full list of downloads