Javascript 在 React 中将对象方法分配为 DOM 事件处理程序时，我在哪里可以找到关于为什么 `this` 上下文未定义的文档

function SomeClass() {}
SomeClass.prototype.showThis = function() { console.log(this) };
let o = new SomeClass();

<button onclick="o.showThis()">Show "this"</button>

function SomeClass() {}
SomeClass.prototype.showThis = function() { console.log(this) };
let o = new SomeClass();

function App() {
  return (
       <button onClick={o.showThis}>Show this</button>
  );
}

ReactDOM.render(<App />, document.getElementById("root"));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

<div id="root"></div>

onclick="o.showThis()"
         ^ object
                   ^^ invocation

onClick={() => o.showThis()}
               ^ object
                         ^^ invocation

function SomeClass() {}
SomeClass.prototype.showThis = function() { console.log(this) };
let o = new SomeClass();

function App() {
  return (
       <button onClick={() => o.showThis()}>Show this</button>
  );
}

ReactDOM.render(<App />, document.getElementById("root"));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

<div id="root"></div>

'use strict';

function SomeClass() {}
SomeClass.prototype.showThis = function() {
  console.log(this)
};
const o = new SomeClass();

const theFn = o.showThis;

<button onclick="theFn()">Show "this"</button>

Javascript相关问答推荐

将状态向下传递给映射的子元素

Redux查询多个数据库Api reducerPath&

使用JavaScript重新排序行

如何从URL获取令牌？

使用JQuery单击元素从新弹出窗口获取值

在使用HighChats时如何避免Datatables重新初始化错误？

如何将innerHTML字符串修剪为其中的特定元素？

如何在 Select 文本时停止Click事件？

从另一个数组中的对应行/键值对更新数组中的键值对对象

我想将Sitecore搜索面过滤器从多个转换为单个

第一项杀死下一项，直到数组长度在javascript中等于1

如何根据查询结果重新排列日期

JavaScript将字符串数字转换为整数

将Singleton实例设置为未定义后的Angular 变量引用持久性行为

重新渲染过多(&Q).REACT限制渲染次数以防止无限循环.使用REACT下拉菜单时

正则表达式以确定给定文本是否不只包含邮箱字符串

Firebase函数中的FireStore WHERE子句无法执行

如何在css中裁剪成一定Angular 的圆的一部分，而不需要复杂的多边形

如何在底部重叠多个div？

如何将缓冲区数组转换回音频