如何从通用的JavaScript引用一个React类
我有这个index.html：
<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> 我怎样才能从那里调用一个React创build的类？ 我想代替// Call AppActions.dispatchMessage(message);
你可以做如下的事情。 所做的就是创build一个YourReactClass的实例，将它自己作为你的div的一个子YourReactClass ，并用root的id来表示。 它还将message作为属性传递给反应实例，以便可以使用该数据。 请注意，我添加了key="rootclass"以确保每次调用此代码时，React都会继续重用由react类创build的DOM节点，而不是删除旧节点并添加新节点。
React.render((<YourReactClass key="rootclass" message={message} />), document.getElementById('root'));
您可以通过添加将React添加到页面上
<script src="https://fb.me/react-0.13.3.min.js"></script>
查看其他包含选项的完整下载列表 （例如JSX Transformer）。