如何在ReactJS中使用window对象？
我想在自己的内部加载Google API客户端库，index.html并且onLoad='someMethod'会在单独的javascript文件中调用方法。然后，该方法将输出到控制台。
客户端库已加载，没有任何问题，但消息未从控制台打印出来，我认为这是因为根本没有调用该方法。
这是我的index.html：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Welcome</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
</head>
<body>
<div id="app"></div>
<script src="lib/vendors.js"></script>
<script src="build/bundle.js"></script>
<script src="https://apis.google.com/js/client.js?onload=handleGoogleClientLoad"></script>
</body>
这是包含handleGoogleClientLoad方法的javascript文件：
import React from 'react';
import ReactDOM from 'react-dom';
import {Button} from 'react-bootstrap';
class MyApp extends React.Component {
handleGoogleClientLoad() {
console.log('Success on load');
}
render() {
return (
<div>
<Button>Click Me</Button>
</div>
);
}
}
const app = document.getElementById('app');
ReactDOM.render(<MyApp />, app);
如果这是纯JavaScript，则该方法将如下所示：
window.handleGoogleClientLoad = function() {
// Log to the console
};
es6中是否有任何与window对象相似的东西。
问题答案：
组件方法未附加到window对象。MyApp.handleGoogleClientLoad不会被别名化为window.handleGoogleClientLoadgoogle
API脚本可能尝试调用的别名。
如果您希望Google API在组件上调用方法，则会遇到一些麻烦，因为无法保证在加载Google
API脚本之前或之后会挂载组件。如果要保证必须在组件安装后注入脚本，然后在componentDidMount方法中注册该函数。您可以使用类似loadjs的东西
componentDidMount() {
window.handleGoogleClientLoad = function() {
// log to console
}
loadjs('https://apis.google.com/js/client.js?onload=handleGoogleClientLoad')
}
-
问题内容： 我是ReactJS的新手。以前，我使用jQuery设置所需的任何动画或功能。但是现在我正在尝试使用ReactJS并最小化jQuery的使用。 我的情况是： 我正在尝试使用ReactJS构建手风琴。 使用JQuery ： 我的问题： 我该如何使用ReactJS？ 问题答案： 您应该尝试避免在ReactJS中使用jQuery。但是，如果您真的想使用它，则可以将其放入组件的component
-
除了使用DangerouslySetInnerHTML之外，还有其他的方法吗？ 谢谢！
-
问题内容： 从官方教程中： 在卸载和销毁组件之前立即调用。使用此方法执行任何必要的清除，例如使计时器无效，取消网络请求或清除在其中创建的所有DOM元素。 我了解“使计时器无效”。可以用终止。但是我不理解“清理在中创建的任何DOM元素”，我可以看到这种情况的示例吗？ 问题答案： 如果网络请求发送库支持中止正在进行的网络请求调用，则绝对可以在方法中调用该请求。 但是，与清理元素有关。根据目前的经验，我
-
问题内容： 我是ReactJS的新手，很抱歉，如果听起来不对。我有一个根据接收到的数据创建多个表行的组件。 列中的每个单元格都有一个单选复选框。因此，用户可以从现有行中选择一个和一个。选项应在页脚中显示。那就是我被困住的地方。 在jQuery中，我可以做一些事情，例如选择一个单选复选框类型并将其插入第一个页脚单元格。 但是肯定有一种Reactjs方式，我完全不知道吗？非常感谢 问题答案： 渲染的任
-
在jQuery中，我可以执行这样的操作，以获得一个单选复选框类型的选择，并将其插入到第一个页脚单元格中。 但肯定有一种Reactjs方式，我完全不知道？多谢
-
问题内容： 我想阻止点击事件起泡。因此，我在代码中添加了e.stopPropagation（）。我总是在控制台中看到一个错误，那就是： 在reactjs中设置stopPropagation的正确方法是什么？ 问题答案： 正确的方法是使用， 您的事件处理程序将传递SyntheticEvent实例，该实例是围绕浏览器本地事件的跨浏览器包装器。它具有与浏览器本机事件相同的接口，包括stopPropaga