如何从泛型javascript中引用React类

How to reference a React class from generic javascript

本文关键字：引用 React javascript 泛型      更新时间：2023-09-26

我有这个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创建的类?我想替换// Call AppActions.dispatchMessage(message);

您可以做如下操作。它所做的是创建一个YourReactClass的实例，它将自己呈现为您的div的孩子，id为root。它还将message作为属性传递给反应实例，以便它可以使用该数据。请注意，我添加key="rootclass"是为了确保每次调用此代码时，React继续重用由React类创建的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)。

相关文章：