我有这个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>
答案 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。